HTML: Il tag <col>

Commenti disabilitati su HTML: Il tag <col>

Il tag HTML <col> definisce i valori degli attributi per una o più colonne di una tabella.

Definizione e utilizzo

Il tag <col> viene utilizzato per definire degli attributi comuni per una o più colonne di una tabella, come l’allineamento del testo, evitando di scriverli per ogni cella.

La sintassi è la seguente:

<table width="100%" border="1">
  <col align="left" />
  <col align="left" />
  <col align="right" />
  <tr>
    <th>Animale</th>
    <th>N. Zampe</th>
    <th>Ali</th>
  </tr>
  <tr>
    <td>Gatto</td>
    <td>4</td>
    <td>No</td>
  </tr>
  <tr>
    <td>Aquila</td>
    <td>2</td>
    <td>Si</td>
  </tr>
</table>

Tieni a mente i seguenti punti:

  • Il tag HTML <col> può essere usato solo all’interno di tabelle o elementi colgroup.
  • In HTML non esiste un tag di chiusura, in XHTML deve essere chiuso nella maniera corretta.
  • Le uniche proprietà CSS che funzionano con il tag <col> sono background, width e border.
  • La proprietà CSS border funziona solamente se la tabella è impostata con la proprietà border-collapse: collapse.

Esempi di utilizzo del tag COL

Ecco alcuni esempi di utilizzo del tag COL.

Gli attributi del tag COL

Attributi richiesti

Nessuno.

Attributi opzionali

DTD (Document Type Definition, Definizione del tipo di documento): indica in quali Doctype il tag è consentito. S=Strict, T=Transitional e F=Frameset.
Il tag <col> supporta i seguenti attributi opzionali:

Attributo Valore Descrizione DTD
align left
right
center
justify
char
Specifica l’allineamento del contenuto della colonna STF
char carattere Specifica l’allineamento del contenuto della colonna relativamente ad un carattere STF
charoff numero Specifica il numero di caratteri che devono essere allineati in base al carattere specificato dall’attributo char STF
span numero Specifica il numero di colonne a cui devono essere estesi gli attributi del tag STF
valign top
middle
bottom
baseline
Specifica l’allineamento verticale del contenuto della colonna STF
width %
pixels
valore_relativo
Specifica la larghezza della colonna STF

Attributi standard

DTD (Document Type Definition, Definizione del tipo di documento): indica in quali Doctype il tag è consentito. S=Strict, T=Transitional e F=Frameset.

Il tag <col> supporta i seguenti attributi standard:

Attributo Valore Descrizione DTD
class nome classe Specifica il nome di una classe per un elemento. STF
dir ltr
rtl
Specifica la direzione del testo all’interno di un elemento. STF
id id Specifica un id univoco per un elemento. STF
lang codice lingua Può essere utilizzato per indicare il codice della lingua dell’elemento. STF
style definizione stile Specifica uno stile in linea per un elemento. STF
title testo Può essere utilizzato per fornire dati aggiuntivi sull’elemento. STF
xml:lang codice lingua Può essere utilizzato, nei documenti XHTML, per indicare il codice della lingua dell’elemento. STF

Attributi Evento

Il tag <col> supporta i seguenti eventi Javascript:

Attributo Valore Descrizione DTD
onclick script Specifica uno script da eseguire al click del mouse STF
ondblclick script Specifica uno script da eseguire al doppio click del mouse STF
onmousedown script Specifica uno script da eseguire quando è premuto il pulsante sinistro del mouse STF
onmousemove script Specifica uno script da eseguire al movimento del mouse STF
onmouseout script Specifica uno script da eseguire quando il puntatore del mouse esce fuori dall’area dell’elemento STF
onmouseover script Specifica uno script da eseguire al passaggio del mouse sull’elemento STF
onmouseup script Specifica uno script da eseguire quando viene rilasciato il pulsante sinistro del mouse STF
onkeydown script Specifica uno script da eseguire alla pressione di un tasto sulla tastiera STF
onkeypress script Specifica uno script da eseguire quando viene premuto e rilasciato un tasto sulla tastiera STF
onkeyup script Specifica uno script da eseguire al rilascio di un tasto sulla tastiera STF

Browser supportati

Il tag <col> è supportato da tutti i principali browser.

Firefox Safari Chrome Opera IE 8 IE 7 IE 6
SI SI SI SI SI SI SI

N.B.: Firefox supporta solo l’attributo width.

Tag: , ,

L'autore

Appassionato di web design da qualche anno, ha deciso di prendere la strada del "uebdeveloper" perché ritiene di essere negato con la grafica (anche se ogni tanto ci prova lo stesso), spera di diventare presto un bravo sviluppatore.

Sito web dell'autore | Altri articoli scritti da

Articoli correlati

Potresti essere interessato anche ai seguenti articoli:

  • HTML: Il tag <form>

    Il tag HTML <form> definisce un modulo HTML per l'input dell'utente. Definizione e utilizzo Il tag HTML <form> può contenere...

  • HTML: Il tag <em>

    Il tag HTML <em> permette di formattare una parte di testo in corsivo. Definizione e utilizzo Il tag <em>, insieme ai tag...

  • HTML: Il tag <dl>

    Il tag HTML <dl> serve a creare una lista di definizioni. Definizione e utilizzo Il tag <dl> viene utilizzato per creare una lista di...