I TAGS html sono la base di tale linguaggio di programmazione ed informano il browser interprete che il testo deve essere visualizzato in una opportuna maniera.
Un tag è una sequenza di caratteri inserito tra due delimitatori che sono il segno < e > e viene scritto nella maniera seguente:
| <TAG> | Tag aperto |
| </TAG> | Tag chiuso |
Quindi il Tag html deve essere prima "aperto" e poi "chiuso"; ovviamante non tutti i TAGS devono essere per forza chiusi.
Un esempio è:
| <P align="right">testo</P> |
Nell'esempio precedente è stato assegnato un Attributo al Tag P ed un valore corrispondente (tale codice stabilisce che il paragrafo deve essere allineato a destra); inoltre è evidente che la struttura di un attributo è: nome_attributo="valore" . Questi Attributi vengono sempre posti dopo il tag stesso, dentro le < > e compaiono solo all'interno del tag di apertura.
Quindi in definita la struttura di un tag sarà:
| <TAG attributo_1="valore1" attributo_2="valore2">contenuto</TAG> |
Alcuni particolari tag non hanno contenuto - perché ad esempio indicano la posizione di alcuni elementi (come il tag delle immagini) -, conseguentemente questi tag non hanno neanche chiusura. La loro forma sarà dunque:
| <TAG attributi> |
Ecco un esempio di codice di inserimento immagine:
| <IMG widht="larghezza_immagine" height="altezza_immagine" src="percorso_ad_immagine.gif" alt="valore"> |
come si vede il tag non viene chiuso. Questo tipo di tag viene detto "empty", cioè "vuoto".
Una caratteristica importante del codice HTML è che i tag possono essere annidati l'uno dentro l'altro. Anzi molto spesso è necessario farlo. Ecco un esempio:
| <P align="right"> testo 1 <P align="left"> testo 2 </P> </P> |
Basti pensare ad una scritta in corsivo, grassetto e sottolineata:
| CIAO |
<B><I><U>CIAO</U></I></B> |
Un documento html è composto da tre parti: l'HTML , l'HEAD , il BODY :
| <HTML> |
| <HEAD> ... </HEAD> |
| <BODY> ... </BODY> |
| </HTML> |
Il TAG HTML deve contenere tutto il resto e serve per far capire al browser che questo è un documento html; il TAG BODY contiene invece il contenuto della pagina ( Tag di visualizzazione ), mentre l'HEAD contiene i cosiddetti metatags ( particolari tags che consentono al motore di ricerca di trovare più facilmente la pagina ) e per questo è detto Tag di Intestazione.
Ci saranno quindi caratteri speciali, quali ad esempio <, >, &, che saranno riservati all'editor html per scrivere i tag vari; essi saranno allora visualizzabili solo inserendo un'opportunaa stringa di caratteri diversa a seconda del simbolo voluto:
| & l t ; | < |
| & g t ; | > |
| & a m p ; | & |
| & n b s p ; | spazio |
I TAG vengono in genere classificati in tag necessari alla struttura ( quale ad esempio TABLE , FRAME ) e quelli necessari al contenuto della pagina ( come ad esempio TD , IMG , FORM ). Ci sono poi Tag "fisici", necessari alla formattazione del documento, e Tag "logici", che servono ad indicare al browser le formattazioni di massima anche se le modalità di visualizzazione spettano al browser stesso. Esempi dei primi sono:
| <B>...</B> | Grassetto |
| <I>...</I> | Corsivo |
| <U>...</U> | Sottolineato |
| <S>...</S> | |
| <SUB>...</SUB> | nPedice |
| <SUP>...</SUP> | nApice |
Mentre esempi dei secondi sono:
| <EM>...</EM> | Evidenziato |
| <CITE>...</CITE> | Citazione |
| <CODE>...</CODE> | Codice |
| <SAMP>...</SAMP> | Esempio |
E' ovvio che se non chiudessi tutti questi tag, il browser mi formatterebbe tutto il testo della pagina.
Un altro importante tag è quello relativo ai commenti:
| <! ... > |
Tutto ciò che verrà scritto al suo interno verrà preso come un commento e non interpretato dal browser.