HTML - Le etichette

  »   HTML  »   Tutorial HTML - Etichette (tags) e attributi

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>

Eccezioni - Etichette che non necessitano di chiusura

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