Creare Tabelle in HTML

 

Un altro modo per suddividere la pagina Web usando il linguaggio HTML è inserire una tabella. Nelle varie celle della tabella possiamo inserire un testo o anche un’immagine, con la dimensione delle celle che varia automaticamente.

 

Inizialmente si scrive il tag <TABLE> che indica che tutto quello che segue è composto dalle informazioni di dimensione, colori e posizione della tabella, numero di celle e dati da visualizzare in esse; alla fine della tabella scriveremo </TABLE>.

 

Dopo il tag <TABLE> possiamo (non è obbligatorio) inserire il tag <CAPTION ALIGN=””> che inserisce un’intestazione della tabella all’inizio o alla fine.

 

Creiamo una riga inserendo il tag <TR>: questa riga potrà esser composta da tante celle quante vogliamo. Per inserire una cella nella riga creata scriviamo <TD> e, successivamente, ciò che conterrà la cella. Alla fine della cella scriviamo </TD> e, dopo aver inserito tutte le celle desiderate, chiudiamo la riga con </TR>. Ora ripetiamo i tag <TR> e i vari <TD> fino a raggiungere il numero di righe e di celle che vogliamo nella nostra tabella.

 

Il comando <TABLE> ha degli attributi, che sono i seguenti:

  • BORDER=”” : questo specifica la dimensione in pixel del bordo della tabella. Mettendo il valore zero non ci sarà bordo; mettendo valori dall’1 in su il bordo sarà sempre più spesso;
  • ALIGN=”” : questo specifica, invece, la posizione della tabella nella pagina, possiamo cioè decidere di visualizzare la tabella a destra, a sinistra o in centro alla pagina;
  • BGCOLOR=”” : questo indica il colore dello sfondo della tabella. I colori principali sono sedici e vanno scritti in inglese, ma possiamo realizzare molti più colori utilizzando numeri in esadecimale e realizzando varie sfumature di colori regolando la quantità di rosso, verde e blu presenti nel colore. Il numero esadecimale, che va posto tra le virgolette (come del resto il nome in inglese di un colore base), è composto dal # e da sei cifre e numeri: per realizzare un colore che ha una quantità di rosso pari a 3, una quantità di verde pari a 9 e una quantità di blu pari a 255 scriveremo fra virgolette il codice #0309FF, dove FF corrisponde al 255 in esadecimale;
  • WIDTH=”” : questo specifica, in pixel o in percentuale, l’ampiezza della tabella;
  • CELLSPACING=”” : riguarda la distanza in pixel presente tra le varie celle che andranno a comporre la nostra tabella;
  • CELLPADING=”” : riguarda un eventuale bordo tra le celle: dando valore zero a questo attributo non avremo nessun bordo tra le celle.

Anche <TD> e <TR> accettano dei parametri:

  • ALIGN=”” : questo parametro accetta come valori LEFT, RIGHT, CENTER e servirà a indicare l’allineamento della riga o della cella;
  • VALIGN=”” : questo è invece l’allineamento verticale e prende come parametri TOP, MIDDLE e BOTTOM; 
  • BGCOLOR=”” : riguarda il colore di sfondo di una riga o di una singola cella. Anche qui possiamo rappresentare il colore sotto forma di parola (inglese!) o di numero esadecimale.

Un'ultima nota in chiusura: se vogliamo mettere una semplicissima divisione nella nostra pagina possiamo fare a meno sia di frames che di tabelle. Possiamo inserire una riga orizzontale di lunghezza impostata da noi, più o meno spessa e situata a destra, sinistra o centro della pagina.

 

Per realizzare una linea il comando è <HR>, che accetta come attributi WIDTH=””, ALIGN=”” e SIZE=””. WIDTH imposta la lunghezza in pixel o in percentuale della riga stessa, SIZE riguarda lo spessore in pixel e ALIGN riguarda la posizione.

 

{loadposition AdsenseSottile}



Articoli nella stessa categoria ( Guida Base HTML):

Categoria: Guida Base HTML.

Lascia un Commento