Tag HTML da <h1> a <h6>
Esempio
Le sei diverse intestazioni HTML:
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
Altri esempi "Provalo da solo" di seguito.
Definizione e utilizzo
I tag <h1>to <h6>vengono utilizzati per definire le intestazioni HTML.
<h1>definisce l'intestazione più importante. <h6>definisce l'intestazione meno importante.
Nota: usane solo uno <h1>
per pagina: questo dovrebbe rappresentare l'intestazione/l'argomento principale per l'intera pagina. Inoltre, non saltare i livelli di intestazione: inizia con <h1>, quindi usa <h2>e così via.
Supporto browser
| Element | |||||
|---|---|---|---|---|---|
| <h1> - <h6> | Yes | Yes | Yes | Yes | Yes |
Attributi globali
I tag <h1>to <h6>supportano anche gli attributi globali in HTML .
Attributi dell'evento
I tag <h1>to <h6>supportano anche gli attributi dell'evento in HTML .
Altri esempi
Esempio
Imposta il colore di sfondo e il colore del testo delle intestazioni (con CSS):
<h1 style="background-color:DodgerBlue;">Hello World</h1>
<h2 style="color:Tomato;">Hello
World</h2>
Esempio
Imposta l'allineamento delle intestazioni (con CSS):
<h1 style="text-align:center">This is heading 1</h1>
<h2 style="text-align:left">This
is heading 2</h2>
<h3 style="text-align:right">This is heading 3</h3>
<h4 style="text-align:justify">This is heading 4</h4>
Pagine correlate
Tutorial HTML: Intestazioni HTML
Riferimento HTML DOM: Oggetto di intestazione
Impostazioni CSS predefinite
La maggior parte dei browser visualizzerà l' <h1>elemento con i seguenti valori predefiniti:
Esempio
h1 {
display: block;
font-size: 2em;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
La maggior parte dei browser visualizzerà l' <h2>elemento con i seguenti valori predefiniti:
Esempio
h2 {
display: block;
font-size: 1.5em;
margin-top: 0.83em;
margin-bottom: 0.83em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
La maggior parte dei browser visualizzerà l' <h3>elemento con i seguenti valori predefiniti:
Esempio
h3 {
display: block;
font-size: 1.17em;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
La maggior parte dei browser visualizzerà l' <h4>elemento con i seguenti valori predefiniti:
Esempio
h4 {
display: block;
font-size:
1em;
margin-top: 1.33em;
margin-bottom: 1.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
La maggior parte dei browser visualizzerà l' <h5>elemento con i seguenti valori predefiniti:
Esempio
h5 {
display: block;
font-size: .83em;
margin-top: 1.67em;
margin-bottom: 1.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
La maggior parte dei browser visualizzerà l' <h6>elemento con i seguenti valori predefiniti:
Esempio
h6 {
display: block;
font-size: .67em;
margin-top: 2.33em;
margin-bottom: 2.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}