Titluri HTML

Tag-ul <hn>..</hn>

Titlurile HTML

Titlurile HTML sunt definite prin tagul <hn>...</hn>, unde n este o valoare între 1 și 6. Tagul <h1> definește titlul cel mai mare, iar tagul <h6> definește titlul cel mai mic.

EXEMPLU:

<!doctype html5>
<html>
<head><title>Titluri</title></head>
<body>
<h1>Titlu mare</h1> <h6>Titlu mic</h6>
<a href="../pag4.html">Înapoi</a>
</body>
</html> Clik aici pt vizualizare exemplu

Motoarele de căutare folosesc titlurile pentru a indexa structura și conținutul paginilor web. De aceea este recomandat ca tagul <hn>...</hn> să fie utilizat doar pentru titluri și nu pentru a face textul big sau bold. Este indicat să se utilizeze titlurile pentru a se putea pune în evidență structura documentului, astfel titlurile importante se fac cu <h1>, urmate de <h2> etc.

Atribute pentru titluri

Acest tag acceptă atributul align pentru alinierea titlului blocului de text la stânga (în mod prestabilit - left), în centru (center) și la dreapta (right).
Deasemenea se pot utiliza coduri css pentru stilizarea blocului de text în cadrul atributului style.

EXEMPLU
<!doctype html5>
<html>
<head><title>Titluri</title></head>
<body>
<h1 style="color:#AFEEEE; text-align:center;text-decoration:overline; font-family: Arial;">Titlu mare</h1>
<h6 style="color:#AFEE0E; text-align:right;text-decoration:underline;font-family: algerian;">Titlu mic</h6><br/><br/>
</body>
Clik aici pt vizualizare exemplu

Fișă de lucru

  1. Scrieți fiecare cod HTML de mai sus în câte o pagină web separată și rulațile într-un browser.
  2. Creați o pagină web care să cuprindă următoarele:
    • fondul de culoare verde deschis
    • culoarea textului indigo
    • pe prima linie titlul lecţiei scris centrat, subliniat, culoare roşie
    • conținutul paginii să scrieţi tot ce ştiţi despre titlurile HTML
  3. Adăugaţi ca subtitlu "Atributele tagului <hn>" scris cu h4, culoare verde
  4. Creaţi o pagină web pentru hobby-ul preferat în care să utilizaţi tagurile învăţate