Elementi HTML

Un documento HTML è definito dagli elementi HTML.

Elementi HTML

Un elemento HTML è tutto il codice tra il tag di inizio (start tag) e il tag di fine (end tag).

Tag di inizio Contenuto dell'elemento Tag di fine
<p> Questo è un paragrafo </p>
<a href="default.htm" > Questo è un link </a>
<br />

Nota:I tag di inizio sono spesso chiamati tag di apertura (opening tag), e i tag di fine tag di chiusura (closing tag).

Sintassi degli elementi HTML

  • Gli elementi HTML sono definiti daTag di inizioInizio
  • Gli elementi HTML sono definiti daTag di fineTerminazione
  • Contenuto dell'elementoÈ il contenuto tra il tag di inizio e il tag di fine
  • Alcuni elementi HTML hannoContenuto vuoto (contenuto vuoto)
  • Elemento vuotoChiude nel tag di inizio(che termina con il tag di fine)
  • La maggior parte degli elementi HTML può avereProprietà

Suggerimento:Ulteriori informazioni sulle proprietà saranno trattate nel capitolo successivo di questo tutorial.

Elementi HTML annidati

La maggior parte degli elementi HTML può essere annidati (possono contenere altri elementi HTML).

Un documento HTML è costituito da elementi HTML annidati.

Esempio di documento HTML

<html>
<body>
<p>Questo è il mio primo paragrafo.</p>
</body>
</html>

L'esempio sopra contiene tre elementi HTML.

Esempio HTML

<p> elemento:

<p>Questo è il mio primo paragrafo.</p>

Questo <p> elemento definisce un paragrafo nel documento HTML.

Questo elemento ha un tag di inizio <p>, e un tag di fine </p>.

Il contenuto dell'elemento è: Questo è il mio primo paragrafo.

<body> elemento:

<body>
<p>Questo è il mio primo paragrafo.</p>
</body>

<body> elemento definisce il corpo del documento HTML.

Questo elemento ha un tag di inizio <body>, e un tag di fine </body>.

Il contenuto dell'elemento è un altro elemento HTML (elemento p).

<html> elemento:

<html>
<body>
<p>Questo è il mio 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).

Non dimenticare l'etichetta di chiusura

Anche se dimentichi di usare l'etichetta di chiusura, la maggior parte dei browser mostrerà correttamente l'HTML:

<p>This is a paragraph
<p>This is a paragraph

Gli esempi sopra sono funzionanti nella maggior parte dei browser, ma non dipendere da questo metodo. Dimenticare di usare l'etichetta di chiusura può portare a risultati inaspettati o errori.

Nota:Le versioni future di HTML non permetteranno di saltare l'etichetta di chiusura.

Elementi HTML vuoti

Gli elementi HTML senza contenuto sono detti elementi vuoti. Gli elementi vuoti sono chiusi nell'etichetta di apertura.

<br> è un elemento vuoto senza etichetta di chiusura (l'etichetta <br> definisce una riga di 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 un elemento vuoto, accettato da HTML, XHTML e XML.

Anche se <br> è valido in tutti i browser, l'uso di <br /> è una maggiore garanzia a lungo termine.

Suggerimento HTML: usare tag minuscoli

I tag HTML non sono sensibili alle maiuscole e minuscole: <P> è uguale a <p>. Molti siti usano tag HTML maiuscoli.

CodeW3C.com utilizza tag minuscoli perché il World Wide Web Consortium (W3C) ha usato HTML 4RaccomandatoUsare minuscolo, mentre nelle versioni future di (X)HTMLObbligatorioUsare minuscolo.