HTML (HyperText Markup Language) oferă șase etichete speciale pentru afișarea titlurilor de diferite niveluri. Toate au parametri impliciți (dimensiunea și stilul fontului, cantitatea de indentări din elementele anterioare și următoare etc.). Aceste opțiuni pot fi suprascrise folosind instrucțiunile CSS (Cascading Style Sheets) și astfel se modifică aspectul titlurilor din textul unei pagini web.
Instrucțiuni
Pasul 1
Plasați titluri de diferite niveluri între etichetele de deschidere și închidere corespunzătoare, dacă nu au fost deja făcute în codul sursă al paginii web. De exemplu, cel mai important titlu (primul nivel) ar trebui să fie între etichete
și
:
Titlul primului nivel
Următorul subcapitol de nivel cel mai important ar trebui plasat între etichete
și
etc. Ultimul dintre nivelurile prevăzute este al șaselea -
și
Pasul 2
Plasați în partea de antet a codului sursă (între etichete și) o declarație care spune browserului vizitatorului că există o descriere a stilurilor în CSS în acest loc:
/ * Instrucțiunile CSS vor fi aici * /
Pasul 3
Între etichetele de stil de deschidere și de închidere, adăugați descrieri de stil pentru titlurile fiecărui nivel pe care doriți să schimbați aspectul. De exemplu, dacă trebuie doar să schimbați aspectul titlurilor de primul nivel, atunci acest cod ar putea arăta astfel:
h1 {
culoarea rosie;
dimensiunea fontului: 20 px;
stil font: italic;
font-weight: bold;
marginea de sus: 30 px;
marginea-fund: 20 px;
}
Aici, h1 indică faptul că descrierea în paranteze se referă la eticheta h1 și se numește „selector”. Parametrul de culoare setează culoarea textului, parametrul dimensiunii fontului este dimensiunea fontului, stilul fontului cu valoarea italică este tiparul italic, greutatea fontului cu valoarea aldină este aldină, marginea sus este partea de sus marginea, iar marginea de jos este marja de jos. Pentru titluri de nivelul doi, adăugați un bloc similar cu un selector h2 etc.
Pasul 4
Utilizați sintaxa stenogramă dacă există mai multe niveluri de descris. De exemplu, descrierile fonturilor pot fi plasate într-un singur parametru, precum și descrierile dimensiunilor indentate. Probă:
h1 {
culoarea rosie;
font: bold 20px arial;
marjă: 30px 0 20px 0;
}
h2 {
culoarea portocalie;
font: bold 18px arial;
margine: 25px 0 15px 0;
}
În parametrul marginii, marginile trebuie specificate în sensul acelor de ceasornic, începând de la marginea de sus, printr-un spațiu (sus, dreapta jos, stânga).
