Elementi HTML
Un elemento HTML di solito consiste in un inizio di tag e fine tag, con il contenuto inserito tra:
<TagName> Contenuto … </ TagName>
Il codice HTML elemento è tutto, dal tag iniziale al tag di chiusura:
<P> Il mio primo paragrafo. </ P>
Start tag | Element content | End tag |
---|---|---|
<h1> | Il mio primo titolo | </h1> |
<p> | Il mio primo paragrafo | </p> |
<br> |
elementi HTML senza contenuti sono chiamati elementi vuoti. Elementi vuoti non hanno un tag di chiusura, come ad esempio l’elemento <br> (che indica un’interruzione di linea).
Elementi Nidificati
Elementi HTML possono essere nidificati (elementi possono contenere elementi).
Tutti i documenti HTML sono costituite da elementi HTML nidificate.
Questo esempio contiene quattro elementi HTML:
Esempio
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Esempio spiegato
L’ <html>
elemento definisce l’ intero documento .
Ha un inizio tag <html> e di un fine tag </ html>.
L’elemento di contenuto è un altro elemento HTML ( <body>
).
<html>
<body><h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
L’ <body>
elemento definisce il corpo del documento .
Ha un inizio tag <body> e un fine tag </ body>.
L’elemento di contenuto sono gli altri due elementi HTML ( <h1>
e <p>
).
<body><h1>Titolo</h1>
<p>Paragrafo</p>
</body>
L’ <h1>
elemento definisce una voce .
Ha un inizio tag <h1> e di un fine tag </ h1>.
L’elemento di contenuto è: Il mio primo titolo.
<h1>Titolo</h1>
L’ <p>
elemento definisce un paragrafo .
Ha un inizio tag <p> e di un fine tag </ p>.
L’elemento di contenuto è: Il mio primo paragrafo.
<p>Paragrafo</p>
Non dimenticare il tag di chiusura
Alcuni elementi HTML vengono visualizzate correttamente, anche se si dimentica il tag di chiusura:
Esempio
<html><body><p>Paragrafo
<p>Paragrafo
</body>
</html>
L’esempio precedente funziona in tutti i browser, perché il tag di chiusura è considerato opzionale.
Mai fare affidamento su questo. Si potrebbe produrre risultati inattesi e / o errori se si dimentica il tag di chiusura.
Elementi vuoti
elementi HTML senza contenuti sono chiamati elementi vuoti.
<br>
è un elemento vuoto senza un tag di chiusura (il <br>
tag definisce un’interruzione di linea).
Elementi vuoti possono essere “chiuso” nel tag di apertura in questo modo: <br />.
Non è necessaria la chiusura di elementi vuoti.