Home

Ulteriori notizie sulle tabelle

Intestazione

L'intestazione delle tabelle (<CAPTION>) permette di descrivere il contenuto della tabella; questo tag supporta l'attributo ALIGN che può assumere quattro valori (non case-sensitive):


Esercizio1: Commentare una tabella nei quattro modi previsti.

L'allineamento avviene in alto, in basso, in alto a sx e in alto a destra, a seconda del valore di ALIGN; i valori LEFT RIGHT non sono suppportati dalla versione 4.5 di Netscape Navigator.

Le intestazioni delle colonne

Le intestazioni delle colonne avvengono usando <TH> al posto di <TD>. Per default, le intestazioni sono stampate in grassetto e allineate orizzontalmente e verticalmente al centro.


Esercizio2: Aggiungere una intestazione ad una delle tabelle dell'esercizio precedente.

Si possono anche utilizzare intestazioni multiple:


Esercizio 3: scrivere il codice che riproduce la tabella sopra.

In una tabella si possono organizzare per gruppi le righe e le colonne. Nel caso delle righe HTML 4 mette a disposizione i tag <THEAD> e <TFOOT>, che servono come intestazione e piede tabella, e le righe si possono dividere logicamente in gruppi usando <TBODY>.

Secondo le raccomandazioni del W3C, quando si stampa una tabella contenente le specificazioni <THEAD> e <TFOOT>, ogni pagina avrà l'intestazione e il piede delle colonne. Tuttavia, questa specifica non è implementata in nessuno dei due browser commerciali (né IE né NS).

Questi tag non sono supportati da NS, nel senso che vengono tradotti come dei semplici tag di tipo <th>; per rendere le pagine uguali nei due browser non bisogna usare questi tag (anche se fanno parte delle specifiche del Web Consortium).


Esercizio 4: esempio di tabella con organizzazione multiriga.

Inoltre le colonne possono essere raggruppate tra di loro (come le righe) usando i tag <COLGROUP> in cui vanno specificati opzionalmente gli attributi:


Esercizio 5: esempio di tabella multicolonna; si noti come l'attributo ALIGN di <COL> abbia effetto su tutte le celle del gruppo.

Font scaricabili

Generalmente i font riproducibili dal browser dell'utente che naviga sono quelli installati nel suo sistema locale. Se il font che viene usato nella pagina HTML non è presente nell'hard disk di sistema, il browser visualizzerà la seconda scelta di font (se il programmatore ne avrà previsti) oppure il font di default.

Una maniera per visualizzare un determinato tipo di font senza ricorrere alle immagini è la scorciatoia dei font scaricabili (downloadable fonts).

Si tratta di ricevere informazioni sul font collegandosi ad un file del server che ne specifica il formato (di solito l'estensione del documento è .pfr ), scrivendo l'URL del file all'interno di un tag di stile:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <HTML> <HEAD> <TITLE>Font test</TITLE> <STYLE TYPE="text/css" MEDIA="screen, print"> @font-face { font-family: "Robson Celtic"; src: url("http://site/fonts/rob-celt") } H1 { font-family: "Robson Celtic", serif } </STYLE> </HEAD> <BODY> <H1> Questo titolo viene visualizato usando il Robson Celtic</H1> </BODY> </HTML>

La pagina verrā visualizzata con un certo ritardo dovuto al tempo di scarico del file di specificazione del font (come quando si caricano le immagini)

Home

Copyright @ 2000-2017 Marco Barbato htttp://www.betaingegneria.it

Licenza Creative Commons
Quest'opera č distribuita con Licenza Creative Commons Attribuzione - Condividi allo stesso modo 4.0 Internazionale.