HTML (HyperText Markup Language) fornisce sei tag speciali per la visualizzazione di intestazioni di diversi livelli. Tutti hanno parametri predefiniti (dimensione e stile del carattere, quantità di rientri dagli elementi precedenti e successivi, ecc.). Queste opzioni possono essere sovrascritte utilizzando le istruzioni CSS (Cascading Style Sheets) e quindi modificare l'aspetto delle intestazioni nel testo di una pagina web.
Istruzioni
Passo 1
Posiziona intestazioni di diverso livello tra i corrispondenti tag di apertura e chiusura, se non già fatto nel codice sorgente della pagina web. Ad esempio, l'intestazione più importante (primo livello) dovrebbe essere tra i tag
e
:
Titolo di primo livello
Il prossimo sottotitolo di livello più importante dovrebbe essere posizionato tra i tag
e
eccetera. L'ultimo dei livelli previsti è il sesto -
e
Passo 2
Inserisci nella parte dell'intestazione del codice sorgente (tra i tag e) una dichiarazione che dice al browser del visitatore che c'è una descrizione degli stili in CSS in questo posto:
/ * Le istruzioni CSS saranno qui * /
Passaggio 3
Tra i tag di stile di apertura e di chiusura, aggiungi descrizioni di stile per le intestazioni di ogni livello di cui desideri modificare l'aspetto. Ad esempio, se hai solo bisogno di modificare l'aspetto delle intestazioni di primo livello, questo codice potrebbe essere simile a questo:
h1 {
colore rosso;
dimensione del carattere: 20px;
stile del carattere: corsivo;
font-weight: grassetto;
margine superiore: 30 px;
margine inferiore: 20px;
}
Qui, h1 indica che la descrizione tra parentesi graffe si riferisce al tag h1 ed è chiamata "selettore". Il parametro color imposta il colore del testo, il parametro font-size è la dimensione del font, lo stile del font con il valore in corsivo è il carattere corsivo, il font-weight con il valore in grassetto è in grassetto, margin-top è il top margin e margin-bottom è il margine inferiore. Per i titoli di secondo livello, aggiungi un blocco simile con un selettore h2, ecc.
Passaggio 4
Usa la sintassi abbreviata se ci sono molti livelli da descrivere. Ad esempio, le descrizioni dei caratteri possono essere inserite in un parametro, così come le descrizioni delle dimensioni del rientro. Campione:
h1 {
colore rosso;
carattere: arial grassetto 20px;
margine: 30px 0 20px 0;
}
h2 {
colore arancione;
carattere: arial grassetto 18px;
margine: 25px 0 15px 0;
}
Nel parametro margin, i margini devono essere specificati in senso orario, partendo dal margine superiore, attraverso uno spazio (in alto a destra in basso a sinistra).
