Tag HTML

Ultimo aggiornamento lunedì 4 dicembre 2017 à 12:18 da Antonello Ciccarello.

Erroneamente a quanto si possa pensare l'HTML non è un linguaggio di programmazione ma definisce un codice che permette di descrivere l'impaginazione e la formattazione di un contenuto redatto in testo semplice. Una pagina HTML è quindi un semplice file di testo che contiene dei tagche permettono di formattare il contenuto di un sito, ossia il suo testo e le immagini.

Come usare i tag HTML
sovrapposizione dei tag
Nozione d'attributo
Spazi, salti di linea e tabulazioni
Commenti

Come usare i tag HTML

Un tag è un elemento di testo (un nome) compreso dal carattere inferiore (<) e il carattere superiore (>). ad esempio <H1>.

Nota Bene: i tag HTML non sono sensibili alla forma, cioè possono essere digitati indifferentemente in minuscolo o in maiuscolo .

I tag HTML funzionano a coppia per agire sugli elementi che contengono. La prima è detta «tag d'apertura» e la seconda «tag di chiusura» Il tag di chiusura è preceduto dal carattere /):

<tag>Vostro testo formattato</tag>

A titolo esemplificativo, i tag e permettono di mettere in grassetto il testo che contengono:

<b>Questo testo in grassetto</b>

I tag HTML possono talvolta essere unici: il tag rappresenta ad esempio un ritorno a capo.

Nota Bene: per essere il più vicino possibile agli standard XHTML (molto più stretti che lo standard HTML), si consiglia di usare la nota  .</sample>

sovrapposizione dei tag

I tag HTML hanno la particolarità di poter essere sovrapposti in modo gerarchico per permettere il cumulo delle loro proprietà. D'altro lato lo scavalcamento dei tag non è tollerato dagli standard HTML. Ecco un esempio di testo formattato con dei tag sovrapposti:

<i><u>CCM</u>, enciclopedia informatica libera</i>

. L'esempio qui sotto da il seguente risultato:

<u>CCM</u>, enciclopedia informatica libera

. Invece l'esempio qui sotto non è corretto:

<i><b>CCM</i>, enciclopedia informatica libera</b>

Nozione d'attributo

Un attributo è un elemento, presente all'interno del tag di apertura, che permette di definire delle proprietà supplementari. Gli attributi si presentano la maggior parte delle volte come una coppia chiave=valore, ma alcuni attributi a volte sono definiti solo dalla chiave. Ecco un esempio di attributo per il tag (tag che definisce un paragrafo), che permette di specificare che il testo deve essere allineato a destra:

<p align="right">Esempio di paragrafo</p>

Ogni tag può avere uno o più attributi, ognuno dei quali può avere (nessuno), uno o più valori.

Spazi, salti di linea e tabulazioni

Il linguaggio HTML non tiene conto degli spazi, delle tabulazioni e dei salti di linea (qui di seguito chiamati o più esattamente esso considera un susseguirsi di uno o più spazi/tabulazioni/salti di linea come un solo spazio. Questo permette soprattutto di identificare la codifica HTML per una maggiore leggibilità, senza modificare l'apparenza della pagina HTML nel navigatore. Esiste un'eccezione per il codice contenuto in alcuni tag, il cui obiettivo è giustamente di conservare la formattazione del testo (spazi, salti di linea, ecc.).

Nota Bene: esiste un'eccezione per il codice contenuto in alcuni tag <PRE>, il cui obiettivo è giustamente di conservare la formattazione del testo (spazi, salti di linea, ecc.). I due codici HTML seguenti danno così lo stesso risultato:

Esempio di
codice
       HTML

Esempio di codice HTML

Il linguaggio HTML possiede invece degli elementi che permettono espressamente di definire ciascuno di questi elementi di formattazione:

Spazio insecabile, si tratta di uno spazio che non può essere interrotto da una fine di linea.

Salto di linea manuale, si tratta di un salto di linea esplicito. La sua rappresentazione in HTML è   (  per essere conforme al XHTML).

Nota Bene: il tag permette al contrario di impedire il ritorno a capo automatico realizzato dal navigatore.

Commenti

È possibile aggiungere degli elementi d'informazione in una pagina web senza che questi siano visualizzati sullo schermo grazie ad una combinazione specifica di tag, detta tag di commenti.

<!-- Ecco un commento -->

I tag di commenti permettono di mettere un commento ad un testo ma possono anche servire a commentare il codice HTML.

Nota Bene: esiste un'eccezione per il codice contenuto nei tag <PRE>, il cui obiettivo è giustamente di conservare la formattazione del testo (spazi, salti di linea, ecc.).