Il browser legge qualsiasi cosa venga scritta all'interno del documento HTML. Come già detto in precedenza l'etichette sono composte da tre parti: una parte introduttiva, detta 'opening', una parte conclusiva, detta 'closing' ed un contenuto.
Come potrai vedere in seguito nel linguaggio HTML ci sono centinaia di etichette e qualsiasi elemento necessita di una o più etichette per essere definito e visualizzato.
html<openingtag>Contenuto</closingtag>
<p>Paragrafo</p>Sia gli standard del linguaggio XHTML che nella programmazione HTML dinamica le etichette sono scritte in caratteri minuscoli.
Qui sotto puoi trovare alcun esempi:
html<body>
<!--acts as a capsule on the content.-->
<p>Paragrafo</p>
<h2>Titolo (heading)</h2>
<i>corsivo</i>
<b>grassetto</b>
</body>Alcune etichette non seguono gli standard illustrati sopra e non necessitano di una tag conclusiva. Questo perchè in realtà questi elementi non hanno un vero e proprio contenuto e per questo vengono definiti in maniera differente.
L'esempio più semplice è l'etichetta "linebreak"
html<br/>Quest'etichetta unisce l'etichetta d'apertura e quella di chiusura in modo da essere più semplice e intuitiva da usare. L'etichetta "linebreak" non fa altro che comunicare al browser di andare a capo senza però chiudere il paragrafo.
Come in questo esempio anche tante altre tag sono state modificate in modo da rendere la scrittura del docuemnto più facile ed efficiente.
html<img src="../img/image.jpg" /> --Etichetta d'immagine --
<br /> --Etichetta "linebreak" --
<input type="text" size="12" /> --Etichetta di Input --Come puoi notare il browser è in grado di riprodurre l'immagine, purchè ne venga fortina la posizione attraverso l'attributo "scr". Maggiori informazioni sull'argomento le potrai trovare nel prossimo capitolo