HTML Elementi

Un elemento HTML è definito da un tag iniziale. Se l'elemento ha al suo interno altri contenuti, terminerà con un tag di chiusura in cui il nome del tag è preceduto da uno slash forward, come mostrato nei tags qui di seguito:

Tag InizialeContenutoTag Chiusura
<p>Contenuto del paragrafo.</p>
<h1>Contenuto dell'intestazione.</h1>
<div>Contenuto del divisore.</div>
<br />

Quindi <p>....</p> è un elemento HTML, <h1>...</h1> è un'altro elemento HTML, ecc. Ci sono alcuni elementi HTML che non necessitano del tag di chiusura, ad esempio gli elementi <img.../>, <hr /> e <br />, che sono chiamati elementi vuoti.

I documenti HTML consistono in una sorta di albero di elementi che specificano come devono essere costruite la pagine HTML, e che tipo, ed in quale posizione dev'essere posizionato il contenuto all'interno della pagina.

Tag HTML vs. Elemento

Un elemento HTML è definito da un tag iniziale. Se l'elemento ha un contenuto, terminerà con un tag di chiusura.

Per esempio il tag iniziale di un paragrafo è <p>, mentre </p> è il suo tag di chiusura, invece l'insieme <p>Questo è un paragrafo</p> è un elemento paragrafo.

Elementi HTML Annidati

E' molto comune avere elementi HTML annidati fra loro:

Esempio

<!DOCTYPE html>
<html>
<head>
<title>Esempio Elementi Annidati</title>
</head>
<body>
<h1>Questa è un'intestazione con testo <i>corsivo</i></h1>
<p>Questo è un paragrafo <u>sottolineato</u></p>
</body>
</html>

Fornirà il seguente risultato:

Questa è un'intestazione con testo corsivo

Questo è un paragrafo sottolineato

Advertisements