English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Un documento HTML è definito dagli elementi HTML.
Un elemento HTML è tutto il codice tra il tag di apertura (start tag) e il tag di chiusura (end tag).
| Tag di apertura * | Contenuto dell'elemento | Tag di chiusura * |
| <p> | Questo è un paragrafo di pagina web | </p> |
| <a href="index.html"> | Questo è un collegamento ipertestuale | </a> |
| <br> | Tag di newline |
*I tag di apertura sono spesso chiamati tag di inizio (opening tag), i tag di chiusura sono spesso chiamati tag di fine (closing tag).
Gli elementi HTML iniziano con il tag di apertura
Gli elementi HTML si chiudono con il tag di chiusura
Il contenuto dell'elemento è il testo tra il tag di apertura e il tag di chiusura
Alcuni elementi HTML hanno contenuto vuoto (contento vuoti)
Gli elementi vuoti vengono chiusi nel tag di apertura (con la fine del tag di apertura)
Molti elementi HTML possono avere attributi
Nota: imparerai di più sui contenuti delle proprietà nel capitolo successivo di questo tutorial.
La maggior parte degli elementi HTML può essere annidati (può contenere altri elementi HTML).
Un documento HTML è costituito da elementi HTML annidati.
<!DOCTYPE html> <html> <body> <p>Questo è il primo paragrafo.</p> </body> </html>
Gli esempi sopra includono tre elementi HTML.
Elemento <p>:
<p>Questo è il primo paragrafo.</p>
Questo elemento <p> definisce un paragrafo nel documento HTML. Questo elemento ha un etichetta di apertura <p> e un etichetta di chiusura </p>. Il contenuto è: Questo è il primo paragrafo.
Elemento <body>:
<body> <p>Questo è il primo paragrafo.</p> </body>
L'elemento <body> definisce il corpo del documento HTML. Questo elemento ha un etichetta di apertura <body> e un etichetta di chiusura </body>. Il contenuto dell'elemento è un altro elemento HTML (elemento p).
Elemento <html>:
<html> <body> <p>Questo è il primo paragrafo.</p> </body> </html>
L'elemento <html> definisce l'intero documento HTML. Questo elemento ha un etichetta di apertura <html> e un etichetta di chiusura </html>. Il contenuto dell'elemento è un altro elemento HTML (elemento body).
Anche se dimenticate di utilizzare l'etichetta di chiusura, la maggior parte dei browser visualizzerà correttamente l'HTML:
<p>Questo è un paragrafo
<p>Questo è un paragrafo
Gli esempi sopra possono essere visualizzati correttamente nei browser perché la chiusura dell'etichetta è opzionale.
Ma non dipendere da questo metodo. Dimenticare di utilizzare l'etichetta di chiusura può causare risultati imprevisti o errori.
Gli elementi HTML senza contenuto sono detti elementi vuoti. Gli elementi vuoti sono chiusi all'interno dell'etichetta di apertura.
<br> rappresenta un elemento vuoto senza etichetta di chiusura (l'etichetta <br> definisce una riga nuova).
In XHTML, XML e nelle versioni future di HTML, tutti gli elementi devono essere chiusi.
Aggiungere una barra obliqua nella etichetta di apertura, come <br />, è il metodo corretto per chiudere gli elementi vuoti, accettato da HTML, XHTML e XML.
Anche se <br> è valido in tutti i browser, l'uso di <br /> migliora la compatibilità, pertanto si consiglia di utilizzare l'etichetta di riga nuova <br />.
Le etichette HTML sono insensibili alle maiuscole e minuscole: <P> è equivalente a <p>. Molti siti web utilizzano etichette HTML in maiuscolo.
Il tutorial di base utilizza etichette in minuscolo perché il World Wide Web Consortium (W3C) raccomanda l'uso di etichette in minuscolo in HTML 4 e obbliga all'uso di etichette in minuscolo nelle versioni future di (X)HTML.
Si consiglia di utilizzare sempre tag in minuscolo durante la creazione di pagine web.