Elementi HTML
Un elemento HTML è definito da un tag di inizio, del contenuto e un tag di fine.
Elementi HTML
L' elemento HTML è tutto, dal tag di inizio al tag di fine:
Esempi di alcuni elementi HTML:
Start tag | Element content | End tag |
---|---|---|
<h1> | My First Heading | </h1> |
<p> | My first paragraph. | </p> |
<br> | none | none |
Nota: alcuni elementi HTML non hanno contenuto (come l'elemento <br>). Questi elementi sono chiamati elementi vuoti. Gli elementi vuoti non hanno un tag di fine!
Elementi HTML nidificati
Gli elementi HTML possono essere nidificati (questo significa che gli elementi possono contenere altri elementi).
Tutti i documenti HTML sono costituiti da elementi HTML nidificati.
L'esempio seguente contiene quattro elementi HTML ( <html>
, <body>
, <h1>
e <p>
):
Esempio
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Esempio spiegato
L' <html>
elemento è l'elemento radice e definisce l'intero documento HTML.
Ha un tag di inizio <html>
e un tag di fine </html>
.
Quindi, all'interno <html>
dell'elemento c'è un <body>
elemento:
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
L' <body>
elemento definisce il corpo del documento.
Ha un tag di inizio <body>
e un tag di fine </body>
.
Quindi, all'interno <body>
dell'elemento ci sono altri due elementi:
<h1>
e
<p>
:
<h1>My First Heading</h1>
<p>My first paragraph.</p>
L' <h1>
elemento definisce un'intestazione.
Ha un tag di inizio <h1>
e un tag di fine </h1>
:
<h1>My First Heading</h1>
L' <p>
elemento definisce un paragrafo.
Ha un tag di inizio <p>
e un tag di fine </p>
:
<p>My first paragraph.</p>
Non saltare mai il tag finale
Alcuni elementi HTML verranno visualizzati correttamente, anche se dimentichi il tag finale:
Esempio
<html>
<body>
<p>This is a paragraph
<p>This is a paragraph
</body>
</html>
Tuttavia, non fare mai affidamento su questo! Se dimentichi il tag finale, possono verificarsi risultati ed errori imprevisti!
Elementi HTML vuoti
Gli elementi HTML senza contenuto sono chiamati elementi vuoti.
Il <br>
tag definisce un'interruzione di riga ed è un elemento vuoto senza un tag di chiusura:
Esempio
<p>This is a <br> paragraph with a line break.</p>
HTML non fa distinzione tra maiuscole e minuscole
I tag HTML non fanno distinzione tra maiuscole e minuscole: <P>
significa lo stesso di <p>
.
Lo standard HTML non richiede tag minuscoli, ma il W3C raccomanda il minuscolo in HTML e richiede il minuscolo per tipi di documenti più severi come XHTML.
A W3Schools utilizziamo sempre nomi di tag minuscoli.
Riferimento tag HTML
Il riferimento ai tag di W3Schools contiene informazioni aggiuntive su questi tag e sui loro attributi.
Tag | Description |
---|---|
<html> | Defines the root of an HTML document |
<body> | Defines the document's body |
<h1> to <h6> | Defines HTML headings |
Per un elenco completo di tutti i tag HTML disponibili, visita il nostro Riferimento ai tag HTML .