Curs HTML

14 capitole60 lecții3 h 1 minNivel: ÎncepătorCertificat la final
Curs HTML

Ce veți învăța

  • Ce este HTML și cum funcționează web-ul
  • Structura de bază a unui document HTML
  • Elemente de text și formatare
  • Link-uri și navigare
  • Imagini, audio și video
  • Liste și tabele
  • Formulare și inputuri
  • HTML semantic

Despre curs

Curs complet HTML este ghidul esențial pentru oricine dorește să înțeleagă și să scrie cod HTML corect, semantic și accesibil. Cursul acoperă întreaga specificație HTML5, de la structura de bază a documentelor până la formularele avansate, multimedia și API-urile web moderne.

HTML este fundamentul oricărei pagini web. Fără o înțelegere solidă a HTML, nu puteți construi website-uri care funcționează corect pe toate dispozitivele și care sunt indexate eficient de motoarele de căutare.

Curs complet HTML

Deși HTML este adesea considerat simplu, scrierea unui HTML corect semantic face o diferență enormă pentru SEO, accesibilitate și mentenabilitatea codului. Cursul vă formează obiceiuri bune de la început și vă prezintă cele mai bune practici actuale.

Veți înțelege nu doar cum să scrieți HTML, ci și de ce fiecare tag există și când să îl utilizați corect.

Ce veți învăța

  • Structura completă a unui document HTML5 și rolul fiecărui element
  • Elementele semantice: header, nav, main, article, section, aside, footer
  • Text, formatare, headings și liste: cum să structurați conținutul corect
  • Link-uri, ancore și navigare: crearea structurii de navigare a site-ului
  • Imagini, audio și video: optimizare, atribute esențiale și formatul picture
  • Tabele HTML: structura corectă cu thead, tbody, tfoot și atribute de accesibilitate
  • Formulare avansate: toate tipurile de input, validare nativă și atribute HTML5
  • HTML semantic pentru SEO și accesibilitate: ARIA, Open Graph și date structurate

Structura cursului

Fundamente HTML

Cursul începe cu explicarea modului în care funcționează web-ul și rolul HTML în triada HTML/CSS/JavaScript. Veți scrie primul document HTML, veți înțelege anatomia unui element și diferența dintre elementele block și inline.

Text, media și navigare

Veți folosi corect heading-urile pentru ierarhia conținutului, veți crea link-uri interne și externe, veți insera imagini optimizate cu atribute alt corecte și veți integra audio și video în paginile web.

Formulare HTML5

Formularele sunt elementul interactiv de bază al web-ului. Veți crea formulare complete cu toate tipurile de input (text, email, tel, date, range, file), validare nativă și design accesibil.

HTML semantic și accesibilitate

HTML semantic înseamnă să alegeți tag-ul potrivit pentru fiecare conținut, nu doar cel care arată bine. Veți folosi elementele semantice HTML5, atributele ARIA și micro-datele pentru îmbunătățirea SEO și accesibilității.

Cui se adresează acest curs

  • Absolut oricine dorește să creeze pagini web
  • Designeri web care vor să scrie propriul cod HTML
  • Bloggeri și creatori de conținut care lucrează cu editoare HTML
  • Profesioniști în marketing care doresc să înțeleagă structura paginilor web

De ce să alegeți acest curs

Cursul pune accent pe HTML semantic și pe bunele practici actuale, nu pe trucuri rapide care creează probleme pe termen lung. Veți învăța să scrieți cod curat, accesibil și bine structurat de la primul capitol.

La finalul cursului, veți crea pagini HTML complete, corect structurate și optimizate pentru SEO și accesibilitate, pregătite pentru a fi stilizate cu CSS.

Pentru cine este cursul

Cursul este pentru cine vrea să înțeleagă structura fundamentală a paginilor web: începători fără nicio experiență de programare, proprietari de afaceri care vor să înțeleagă ce li se livrează de la o agenție web, și redactori care scriu conținut direct în WordPress sau alt CMS. Se potrivește și celor care vor să continue cu cursul de CSS sau JavaScript de pe platformă.

Pentru cine nu este

Nu este potrivit pentru cine are deja experiență cu HTML5 semantic și formulare și caută teme avansate, precum Web Components sau optimizare tehnică profundă, aceștia găsesc mai multă valoare direct în cursul de CSS sau JavaScript. Nu este nici pentru cine vrea doar să publice articole pe un site WordPress existent, fără să scrie cod, pentru care cursul WordPress pentru Începători este mai potrivit.

Ce trebuie să știți înainte

Nu aveți nevoie de nicio cunoștință de programare înainte de a începe, doar de un calculator cu un editor de text, de exemplu Visual Studio Code, și un browser precum Chrome sau Firefox. Nu este nevoie de cont de găzduire sau domeniu pentru exercițiile din curs.

Ce veți putea face după curs

  • Scrieți structura de bază a unui document HTML5 valid.
  • Construiți formulare cu câmpuri de tip email, dată și fișier.
  • Adăugați imagini, audio și video responsive într-o pagină.
  • Marcați conținutul cu elemente semantice precum header, nav și article.
  • Configurați meta tag-uri pentru titlu, descriere și Open Graph.
  • Validați codul HTML cu validatorul oficial W3C.

Cuprins

  1. 1. Ce este HTML și cum funcționează web-ul

    • Introducere gratuit
    • Cum funcționează web-ul3 min
    • Scurt istoric HTML3 min
    • Instrumente necesare3 min
    • Primul fișier HTML3 min

  2. 2. Structura de bază a unui document HTML

    • Anatomia unui element HTML3 min
    • Structura completă a unui document3 min
    • Elemente block vs. inline3 min
    • Elemente goale (self-closing)3 min
    • Comentarii HTML3 min

  3. 3. Elemente de text și formatare

    • Heading-uri (titluri)3 min
    • Paragrafe și text3 min
    • Formatare text3 min
    • Entități HTML3 min

  4. 4. Link-uri și navigare

    • Tag-ul <a> (anchor)3 min
    • Link-uri interne (ancore)3 min
    • Navigare - elementul <nav>3 min

  5. 5. Imagini, audio și video

    • Imagini - <img>3 min
    • Elementul <picture>3 min
    • Elementul <figure>3 min
    • Video3 min
    • Audio3 min

  6. 6. Liste și tabele

    • Liste neordonate3 min
    • Liste ordonate3 min
    • Liste de definiții3 min
    • Tabele3 min

  7. 7. Formulare și inputuri

    • Structura unui formular3 min
    • Tipuri de input3 min
    • Select, Datalist și Output3 min
    • Validare HTML nativă3 min

  8. 8. HTML semantic

    • Introducere3 min
    • Elemente semantice structurale3 min
    • Descrierea elementelor semantice3 min
    • Elementul <details> / <summary>3 min

  9. 9. Meta tag-uri și SEO

    • Meta tag-uri esențiale3 min
    • Open Graph (Facebook, LinkedIn)3 min
    • Twitter Cards3 min
    • Favicon complet3 min
    • Structured Data (Schema.org)3 min

  10. 10. Accesibilitate (a11y)

    • Introducere3 min
    • Principii WCAG3 min
    • Atribute ARIA3 min
    • Navigare cu tastatura3 min
    • Checklist accesibilitate3 min

  11. 11. Elemente HTML5 avansate

    • Dialog (modal nativ)3 min
    • Canvas3 min
    • Template și Slot3 min
    • Progress și Meter3 min
    • Web Components de bază3 min

  12. 12. Integrarea cu CSS și JavaScript

    • Legătura HTML - CSS3 min
    • Legătura HTML - JavaScript3 min
    • Data attributes și JavaScript3 min
    • Preîncărcare resurse3 min

  13. 13. Bune practici și validare

    • Reguli de scriere HTML3 min
    • Validare HTML3 min
    • Performanță HTML3 min
    • Securitate HTML3 min

  14. 14. Proiect practic - pagină web completă

    • Introducere3 min
    • Structura proiectului3 min
    • Template complet index.html4 min
Cine predă
, fondatorul agenției GOAI din Alba Iulia. În mediul online din 1997, în optimizare SEO din 2007. Cursul pornește de la situații întâlnite în lucrul cu clienți din România și este actualizat pe măsură ce uneltele se schimbă. Experiența autorului.
Conținut actualizat la
22 august 2026

Întrebări frecvente despre curs

Ce unelte trebuie să am pentru acest curs?

Aveți nevoie doar de un editor de cod, de exemplu Visual Studio Code, care este gratuit, și de un browser modern precum Chrome sau Firefox. Nu este nevoie de niciun program plătit sau de cont de găzduire pentru a parcurge lecțiile.

Cât durează parcurgerea cursului?

Cursul are 60 de lecții și 181 de minute de conținut video, adică puțin peste 3 ore, împărțite în 14 capitole. Progresul se salvează în cont, așa că îl puteți relua oricând ați rămas.

Ce versiune de HTML se predă în curs?

Cursul acoperă specificația HTML5, standardul actual folosit de toate browserele moderne, inclusiv elementele semantice introduse odată cu acesta, precum article, section și nav. Ultimul capitol include un proiect practic, o pagină web completă construită cu aceste elemente.

Care este diferența față de cursul de CSS sau de Web Development Modern?

Acest curs tratează exclusiv structura și marcarea conținutului cu HTML, fără stilizare vizuală. Pentru aspectul paginii, cu Flexbox și Grid, există cursul dedicat de CSS, iar pentru un parcurs care combină HTML, CSS, JavaScript și PHP, cursul Web Development Modern este alegerea potrivită.

Articole pe această temă

Cursuri din aceeași categorie