LE PRINCIPALI TAG


<A>

 È' impiegato per creare un link o un'ancora, se sia usato nell'uno o nell'altro caso dipende dall'attributo impiegato.

</A>

 Indica la fine del link o dell'ancora.

attributi

descrizione
href="..." Si inserisce solo il nome della risorsa cui il link punta se questa si trova nella stessa directory del documento altrimenti è necessario specificare l'intero percorso.
name="..." Si inserisce il nome dell'ancora.
Il nome deve essere univoco, se così non fosse il browser reagirà in modo non corretto.
target="..." Si inserisce il nome del frame in cui si vuole venga caricata la risorsa cui punta il link.

 

<B>

 Riproduce il testo in grassetto.

</B>

 Contrassegna la fine del testo in grassetto.

 

<BODY>

 Segna l'inizio del corpo del documento, la parte principale e la più importante.
Questo tag può anche essere omesso, in tal caso il corpo del documento viene considerato implicitamente aperto dopo la chiusura del tag <HEAD>.
Il tag BODY supporta sei attributi

</BODY>

 Indica la fine del corpo del documento.

attributi

descrizione
background="..." Si impiega per inserire un'immagine di sfondo, se l'immagine si trova nella stessa directory del documento è sufficiente inserire solo il nome dell'immagine, altrimenti si deve specificare l'intero percorso.
bgcolor=".." Si impiega per definire un colore di sfondo. Il colore si può determinare in 2 modi:
  • ricorrendo alla tripletta esadecimale;

  • inserendo uno dei 16 nomi riconosciuti da alcuni tra i browser più recenti.
text="..." Si impiega per definire il colore con cui verrà visualizzato il testo.
link="..." Si impiega per definire il colore con cui verranno visualizzati i link presenti nel documento. Il colore si determina in uno dei 2 modi sopra detti.
alink="..." Si impiega per definire il colore con cui verranno visualizzati i link attivati. Il colore si determina in uno dei 2 modi sopra detti.
vlink="..." Si impiega per definire il colore con cui verranno visualizzati i link già visitati. Il colore si determina in uno dei 2 modi sopra detti.

 

<BR>

   Forza l'andata a capo creando un'interruzione di riga, dopo il tag il testo (o l'immagine o quant'altro) riprende all'inizio della riga immediatamente successiva mantenendo la stessa interlinea.

 

<CAPTION>

 Indica il titolo di una tabella.

</CAPTION>

 Indica la fine di un listato html.

attributi

descrizione
align="..." A seconda che il titolo voglia essere posizionato in testa o in basso rispetto alla tabella si sceglierà uno dei due valori possibili per questo attributo.
  • top: per fissare il titolo in testa alla tabella (condizione di default)

  • bottom: per fissare il titolo in coda alla tabella

 

<DD>

 introduce la definizione di ciascun termine della lista di definizione.

 

<DIV>

 Segna l'inizio di una divisione, di un blocco di cui è possibile gestire l'allineamento: da questo punto di vista ha un funzionamento analogo al tag di paragrafo <P>.

</DIV>

 indica la fine del blocco che si è inteso definire.

attributi

descrizione
align="..." Accetta uno dei 3 valori disponibili per fissare l'allineamento del paragrafo:
  • left: questo valore si può anche omettere, perché in genere esso rappresenta l'allineamento di default stabilito per i titoli;
  • center: per un allineamento al centro del testo;
  • right: per un allineamento a destra del testo.

 

<DL>

 Indica l'inizio di una lista di definizione, adatta per la redazione di un glossario.
</DL> indica la fine di una lista di definizione.

 

<DT>

 Precede ciascuno termine della lista di definizione.

 

<FONT>

 Necessita di uno dei tre attributi supportati per modificare il testo.

</FONT>

 Indica la fine della modifica del colore e/o della dimensione e/o del font apportata al carattere.

attributi

descrizione
face=".." Se si vuole modificare il tipo di carattere con cui viene visualizzato il testo si può specificare il font alternativo desiderato. Se questo non sarà disponibile sul computer del visitatore, verra ripristinato il font di default.
size=".." Controlla la dimensione del carattere.
Accetta valori tra 1 e 7 compresi. Il valore di default è 3. In alternativa si può ricorrere ai valori relativi da + .
color=".." Determina il colore con cui verrà visualizzato il testo.
Esistono 2 modi per impostare questo valore:
  • Si inserisce il nome del colore, in inglese ovviamente!
    I colori disponibili sono sedici: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, yellow.
    Sebbene questo sistema sia più intuitivo comporta un paio di difetti. Non tutti i browser sono in grado di interpretare questi valori e poi così facendo si ha un controllo limitato sulle sfumature riproducibili come colore di sfondo.
  • Si scrive una sequenza di questo tipo #RRGGBB dove:
    • al posto di RR si inseriscono due cifre esadecimali che definiscono la gradazione di rosso;
    • al posto di GG si inseriscono due cifre esadecimali che definisco la gradazione di verde;
    • al posto di BB si inseriscono due cifre esadecimali che definisco la gradazione di blu. Miscelando queste 3 gradazioni si ottiene il colore di sfondo.

Le cifre esadecimali sono: 0123456789ABCDEF.

 

<FRAME>

 Comunica al browser il documento che dovrà essere caricato in un singolo riquadro.

attributi

descrizione
src="..." Si specifica solo il nome del documento se questo è collocato nella stessa directory, altrimenti va specificato l'intero percorso.
name="..." Attribuendo un nome ad ogni frame, ci si garantisce la possibilità di una migliore gestione degli stessi.

 

<FRAMESET>

 Comunica al browser il modo in cui si intende partizionare la finestra in più riquadri ognuno dei quali può contenere un documento diverso.

</FRAMESET>

 indica la fine delle istruzioni riguardanti la partizione della finestra.

attributi

descrizione
rows="..." Specifica la suddivisione della finestra per righe, i valori sono espressi in percentuale.
Se si vuole suddividere la finestra del browser in due righe ognuna delle quali occupa la metà della finestra si scrive: <FRAMESET rows="50%,50%">
cols="..." Specifica la suddivisione della finestra per colonne, i valori sono espressi in percentuale.
Se si vuole suddividere la finestra del browser in due colonne ognuna delle quali occupa la metà della finestra si scrive: <FRAMESET cols="50%,50%">

 

<H1> </H1>

 racchiudono titoli detti di primo livello, i più importanti, quelli di dimensioni maggiori: le dimensioni diminuiscono con l'aumentare del numero.
Dimensioni e font con cui sono visualizzati i titoli cambiano da browser a browser a meno che non siano espressamente impostati particolari parametri.
I tag di titolo accettano al loro interno altri tag che impostino un particolare font e/o dimensione del carattere.

<H2> </H2>

 racchiudono titoli detti di secondo livello.

<H3> </H3>

 racchiudono titoli detti di terzo livello.

<H4> </H4>

 racchiudono titoli detti di quarto livello.

<H5> </H5>

 racchiudono titoli detti di quinto livello.

<H6> </H6>

 racchiudono titoli detti di sesto livello.

attributi

descrizione
align="..." Accetta uno dei 3 valori disponibili per fissare l'allineamento del titolo:
  • left: questo valore si può anche omettere, perché in genere esso rappresenta l'allineamento di default stabilito per i titoli;
  • center: per un allineamento al centro del testo;
  • right: per un allineamento a destra del testo.

 

<HEAD>

 Segna l'inizio dell'intestazione del documento. In quest'area possono essere inseriti:
  • il titolo del documento;
  • collegamenti a fogli di stile esterni al documento;
  • fogli di stile in linea, cioè all'interno del documento;
  • i META tag;
  • linee di codice di Javascript, Visual Basic Script, e altri linguaggi di scripting;

</HEAD>

 indica la fine dell'intestazione. In genere è posto immediatamente prima del tag BODY

 

<HR>

 produce una linea orizzontale, se non specificato diversamente la linea sarà larga quanto tutta l'ampiezza del monitor e larga 1 pixel.
Questi parametri possono essere modificati ricorrendo agli attributi del tag

attributi

descrizione
width="..." Accetta valori in pixel o in percentuale. Imposta la lunghezza della linea orizzontale. Inserendo il valore in pixel l'ampiezza della linea rimane la stessa anche se si ridimensiona la finestra. Se si imposta un valore espresso in percentuale l'ampiezza si ridimesiona al ridimensionarsi della finestra.
size="..." Imposta lo spessore della linea orizzontale: accetta solo valori in pixel.
align="..." Accetta uno dei 3 valori disponibili per fissare l'allineamento del paragrafo:
  • left: questo valore si può anche omettere, perché in genere esso rappresenta l'allineamento di default stabilito per i titoli;
  • center: per un allineamento al centro del testo;
  • right: per un allineamento a destra del testo.

 

<HTML>

 comunica al browser l'inizio di un file redatto con il linguaggio html. In genere la sua omissione non comporta problemi, tuttavia alcuni browser potrebbero rifiutarsi di caricare la pagina o caricarla in modo non corretto.

</HTML>

 indica la fine di un listato html.

 

<I>

 Riproduce il testo in corsivo.

</I>

 Contrassegna la fine del testo in corsivo.

 

<IMG>

 Introduce un immagine all'interno del documento.
Per funzionare deve necessariamente prevedere l'impiego dell'attributo src.

attributi

descrizione
src="..." Affinché l'immagine venga introdotta è necessario inserirne solo il nome se questa si trova nella stessa directory del documento, altrimenti si dovrà specificare l'intero percorso.
width="..." Segnala al browser l'ampiezza dell'immagine: il valore va introdotto in pixel.
Questo attributo, insieme al successivo height, non sono di per se necessari per una corretta visualizzazione dell'immagine, tuttavia segnalando esplicitamente al browser tali informazioni si facilita il suo compito, (il browser venuto a conoscenza di tali valori, lascia uno spazio appropriato per l'immagine e si preoccupa di scaricare altre informazioni) si riducono i tempi di elaborazione e in definitiva la pagina si scarica più in fretta.
height="..." Segnala al browser l'altezza dell'immagine: il valore va introdotto in pixel.
alt="..." Se si naviga con un browser di solo testo come Lynx, oppure si dispone di un browser grafico ma si è disabilitata l'opzione di scaricamento delle immagini, al posto dell'immagine sarà possibile visualizzare una breve descrizione della stessa, ricorrendo appunto all'attributo alt e digitando tra virgolette una breve stringa di testo.
border="..." Puoi, se lo credi, inserire un bordo attorno all'immagine. In genere questo bordo viene aggiunto automaticamente quando l'immagine viene usata come un link, in quest'ultimo caso il bordo può essere eliminato inserendo il numero zero come valore per questo attributo.
align="..." Accetta uno dei 5 valori disponibili per fissare l'allineamento dell'immagine rispetto alla riga di testo in cui dovrà essere inserita.
  • left: l'immagine si trova a sinistra, il testo scorre a destra:
  • right: l'immagine si trova a destra, il testo scorre a sinistra;
  • top: bordo superiore dell'immagine allineato al bordo superiore del testo
  • middle: il testo si trova in corrispondenza della metà del valore height
    (più difficile da spiegare che da implementare :-)
  • bottom: bordo inferiore dell'immagine allineato al bordo inferiore del testo;

 

<LI>

 Contrassegna ciascuno degli elementi di una lista ordinata o non ordinata.
È racchiuso tra la coppia di tag <OL> e </OL> oppure <UL> e </UL>

</LI>

 Alcuni editor HTMl impiegano anche questo tag di chiusura, tuttavia può essere ignorato in quanto il browser considera terminato l'elemento della lista quando incontra il successivo tag <LI> oppure il conclusivo </OL> o </UL>.

 

<META>

Contrassegno che estende le informazioni che il browser trasmette al web server (quel computer sul quale si trova il sito che si vuole raggiungere)

attributi

descrizione
name=".." Se si vuole modificare il tipo di carattere con cui viene visualizzato il testo si può specificare il font alternativo desiderato. Se questo non sarà disponibile sul computer del visitatore, verra ripristinato il font di default.
http-eqiv=".." trasmette al browser alcune informazioni che lo aiutano a visualizzare correttamente la pagina web
content=".." Fornisce i valori richiesti dall'attributo che lo precede (ad esempio se l'attributo precedente e name="keywords" in content andranno inserite la parole chiave, se prima c'è name="author" userò content per definire il nome dell'autore, ecc.

 

<NOBR>

 forza il browser a continuare ad inserire parole e/o numeri su una stessa riga.

</NOBR>

 determina la fine della sequenza di parole e/o numeri da inserire in una stessa riga.

 

<P>

 Segna l'inizio di un paragrafo.
Rappresenta un modo per spezzare il testo in più blocchi.

</P>

 Indica la fine di un paragrafo.
Non è necessario inserire questo tag di chiusura che può essere omesso senza causare alcun effetto indesiderato.
L'inserimento di questo tag è spesso implementato con il solo scopo di rendere più leggibile il listato.

attributi

descrizione
align="..." Accetta uno dei 3 valori disponibili per fissare l'allineamento del paragrafo:
  • left: questo valore si può anche omettere, perché in genere esso rappresenta l'allineamento di default stabilito per i titoli;
  • center: per un allineamento al centro del testo;
  • right: per un allineamento a destra del testo.

 

<STRIKE>

 Contrassegna testo sbarrato.

</STRIKE>

 Indica la fine del testo sbarrato.

 

<SUB>

 indica l'inizio dei numeri o delle lettere riportate come pedice.

</SUB>

 determina la fine della sequenza di lettere e/o numeri riportate come pedice.

 

<SUP>

 indica l'inizio dei numeri o delle lettere riportate come apice.

</SUP>

 determina la fine della sequenza di lettere e/o numeri riportate come apice.

 

<TABLE>

 Indica l'inizio di una tabella.

</TABLE>

 indica la fine di una tabella.

attributi

descrizione
align="..." La tabella può essere allineata a:
  • sinistra se scrivo align=left
  • centro se scrivo align=center
  • destra se scrivo align=right
width="..." L'ampiezza della tabella può essere specificata in pixel o in valore percentuale. È sempre auspicabile selezionare un valore in pixel per questo attributo se la tabella contiene immagini.
border="..." determina lo spessore del bordo della tabella, se pari a zero il bordo viene annullato.
cellspacing="..." Accetta valori in pixel. Determina la distanza esistente tra una cella e l'altra all'interno della tabella.
cellpadding="..." Accetta valori in pixel. Determina la distanza esistente trai bordi della cella e il suo contenuto.
bgcolor="..." Determina il colore di sfondo per l'intera tabella.
Esistono 2 modi per impostare questo valore:
  • Si inserisce il nome del colore, in inglese ovviamente!
    I colori disponibili sono sedici: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, yellow.
    Sebbene questo sistema sia più intuitivo comporta un paio di difetti. Non tutti i browser sono in grado di interpretare questi valori e poi così facendo si ha un controllo limitato sulle sfumature riproducibili come coloredi sfondo.
  • Si scrive una sequenza di questo tipo #RRGGBB dove:
    • al posto di RR si inseriscono due cifre esadecimali che definiscono la gradazione di rosso;
    • al posto di GG si inseriscono due cifre esadecimali che definisco la gradazione di verde;
    • al posto di BB si inseriscono due cifre esadecimali che definisco la gradazione di blu. Miscelando queste 3 gradazioni si ottiene il colore di sfondo.

Le cifre esadecimali sono: 0123456789ABCDEF.

     

 

<TD>

 Segna l'inizio di una nuova cella.

</TD>

 Il tag di chiusura è opzionale, può essere omesso, in genere viene usato per rendere più chiaro il listato, in vista anche di futuri aggiornamenti e/o modifiche.

attributi

descrizione
width="..." Accetta valori espressi in pixel.
Determina l'ampiezza della singola cella.
align="..." Determina la posizione del contenuto all'interno della cella:
  • sinistra se scrivo align=left
  • centro se scrivo align=center
  • destra se scrivo align=right
valign="..." Controlla l'allineamento verticale del contenuto della cella. Accetta tre valori:
  • align=top
    pone il contenuto della cella della riga nella parte alta della cella
  • align=middle
    pone il contenuto della cella della riga nel centro della cella
  • align=bottom
    pone il contenuto della cella della riga nella parte bassa della cella
bgcolor="..." Determina il colore di sfondo per la cella.
Ha il sopravvento sull'analogo attributo del tag TR.
Esistono 2 modi per impostare questo valore:
  • Si inserisce il nome del colore, in inglese ovviamente!
    I colori disponibili sono sedici: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, yellow.
    Sebbene questo sistema sia più intuitivo comporta un paio di difetti. Non tutti i browser sono in grado di interpretare questi valori e poi così facendo si ha un controllo limitato sulle sfumature riproducibili come colore di sfondo.
  • Si scrive una sequenza di questo tipo #RRGGBB dove:
    • al posto di RR si inseriscono due cifre esadecimali che definiscono la gradazione di rosso;
    • al posto di GG si inseriscono due cifre esadecimali che definisco la gradazione di verde;
    • al posto di BB si inseriscono due cifre esadecimali che definisco la gradazione di blu. Miscelando queste 3 gradazioni si ottiene il colore di sfondo.

Le cifre esadecimali sono: 0123456789ABCDEF.

 

<TITLE>

 Segna l'inizio del titolo del documento HTML.
Il testo inserito non può essere in alcun modo formattato con l'aggiunta di altri tag.
Il titolo del documento viene visualizzato nell'apposita barra del titolo di cui sono dotati i browser: essa è generalmente posta in alto.
Le parole inserite nel titolo vengono impiegate da alcuni motori di ricerca per indicizzare il documento.
La coppia di tag <TITLE> e </TITLE> è annidata all'interno del tag HEAD

</TITLE>

 Indica il termine del titolo del documento.

 

<TR>

 Segna l'inizio di una nuova riga della tabella.

</TR>

 Il tag di chiusura è opzionale, può essere omesso, in genere viene usato per rendere più chiaro il listato, in vista anche di futuri aggiornamenti e/o modifiche.

attributi

descrizione
align="..." Determina la posizione del contenuto all'interno di ogni cella appartenente alla riga:
  • sinistra se scrivo align=left
  • centro se scrivo align=center
  • destra se scrivo align=right
valign="..." Controlla l'allineamento verticale del contenuto di ogni cella della riga.Accetta tre valori:
  • align=top
    pone il contenuto di ogni cella della riga nella parte alta della cella
  • align=middle
    pone il contenuto di ogni cella della riga nel centro della cella
  • align=bottom
    pone il contenuto di ogni cella della riga nella parte bassa della cella
bgcolor="..." Determina il colore di sfondo per tutte le celle della riga.
Ha il sopravvento sull'analogo attributo del tag TABLE.
Esistono 2 modi per impostare questo valore:
  • Si inserisce il nome del colore, in inglese ovviamente!
    I colori disponibili sono sedici: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, yellow.
    Sebbene questo sistema sia più intuitivo comporta un paio di difetti. Non tutti i browser sono in grado di interpretare questi valori e poi così facendo si ha un controllo limitato sulle sfumature riproducibili come colore di sfondo.
  • Si scrive una sequenza di questo tipo #RRGGBB dove:
    • al posto di RR si inseriscono due cifre esadecimali che definiscono la gradazione di rosso;
    • al posto di GG si inseriscono due cifre esadecimali che definisco la gradazione di verde;
    • al posto di BB si inseriscono due cifre esadecimali che definisco la gradazione di blu. Miscelando queste 3 gradazioni si ottiene il colore di sfondo.

Le cifre esadecimali sono: 0123456789ABCDEF.

 

<TD>

 Segna l'inizio di una nuova cella.

</TD>

 Il tag di chiusura è opzionale, può essere omesso, in genere viene usato per rendere più chiaro il listato, in vista anche di futuri aggiornamenti e/o modifiche.

attributi

descrizione
width="..." Accetta valori espressi in pixel.
Determina l'ampiezza della singola cella.
align="..." Determina la posizione del contenuto all'interno della cella:
  • sinistra se scrivo align=left
  • centro se scrivo align=center
  • destra se scrivo align=right
valign="..." Controlla l'allineamento verticale del contenuto della cella. Accetta tre valori::
  • sinistra se scrivo align=left
  • centro se scrivo align=center
  • destra se scrivo align=right
bgcolor="..." Determina il colore di sfondo per la cella.
Ha il sopravvento sull'analogo attributo del tag TR.
Esistono 2 modi per impostare questo valore:
  • Si inserisce il nome del colore, in inglese ovviamente!
    I colori disponibili sono sedici: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, yellow.
    Sebbene questo sistema sia più intuitivo comporta un paio di difetti. Non tutti i browser sono in grado di interpretare questi valori e poi così facendo si ha un controllo limitato sulle sfumature riproducibili come colore di sfondo.
  • Si scrive una sequenza di questo tipo #RRGGBB dove:
    • al posto di RR si inseriscono due cifre esadecimali che definiscono la gradazione di rosso;
    • al posto di GG si inseriscono due cifre esadecimali che definisco la gradazione di verde;
    • al posto di BB si inseriscono due cifre esadecimali che definisco la gradazione di blu. Miscelando queste 3 gradazioni si ottiene il colore di sfondo.

Le cifre esadecimali sono: 0123456789ABCDEF.

 

<UL>

 Introduce una lista non numerata.

</UL>

 Indica la fine di una lista non numerata.

attributi

descrizione
type="..." Interviene sul punto elenco della lista non ordinata.
Ci sono tre opzioni possibili:
  • disc: riproduce un pallino nero (opzione di default)
  • circle: riproduce un cerchio (circonferenza nera, interno bianco)
  • square: riproduce un quadrato nero





TORNA INDIETRO