O serie de elemente importante in HTML sunt cele folosite pentru a crea titluri si subtitluri. Ele sunt folositoare pentru ca ne ajuta sa delimitam anumite sectiuni ale unei pagini.

In functie de importanta lor aceste elemente au numele de la <h1> la <h6>

Ele se numesc headings si vom folosi <h1> atunci cand vrem sa precizam care este titlul principal intr-o pagina.

Apoi fiecare sectiune va fi delimitata folosind urmatorul element ca importanta <h2></h2>, apoi pentru fiecare subsectiune a lui vom folosi urmatorul element <h3></h3> si asa mai departe.

De exemplu, in aceata pagina titlul lectiei este incadrat in tag-urile <h1></h1>, iar fiecare subtitlul va folosi <h2></h2>.

Cum se folosesc

Aceste tag-uri se folosesc ca si cele pentru paragraf. Vom avea tag-ul de deschidere <h1>, apoi continutul lui (precum un titlu) si apoi tag-ul de inchidere </h1>:

<h1>Titlul unei pagini</h1>

Diferenta vizuala dintre ele

Dupa cum am spus aceste elemente arata importanta unui text si de aceea ele difera si vizual. Toate aceste tag-uri vor arata astfel:

Si primul lucru care va va trece prin minte este ca pentru a crea un text mai mare trebuie sa folosim un heading mai important, precum <h1></h1>, iar pentru unul mai mic putem folosi unul mai putin important.

Nu este o idee buna sa folosim un element HTML doar pentru a schimba modul in care arata un text. Pentru aceasta vom vorbi de limbajul CSS care ne ajuta sa stilizam orice element din pagina, si chiar sa facem un <h6> sa fie mai mare decat un <h1>.

Limbajul HTML trebuie folosit doar pentru a preciza care este rolul unui continut nu pentru a-l stiliza.