Creare le Tabelle:
La cosa più importante da capire, quando vuole realizzare un sito in html, è la creazione delle tabelle. Le tabelle (quelle che comunemente usiamo con programmi di scrittura come Microsoft Word o Open Office), ci aiutano a disporre gli elementi di una pagina web, e sono le tabelle, le righe e le celle a rendere tutto così ordinato.
Una tabella viene creata con il tag:
<table></table>
All’interno di questo comando possiamo inserire i vari attributi:
· Width : larghezza della tabella. Questa misura si può esprimere in px (pixel) o in % percentuale rispetto alla pagina o alla tabella superiore.
· Height : altezza della tabella. Questa misura si può esprimere in px (pixel) o in % percentuale rispetto alla pagina o alla tabella superiore.
· Align: allineamento della tabella rispetto alla pagina. Le possibilità sono : right, left o center.
· Border : impostiamo il bordo della tabella. Qui possiamo inserire un numero che ci indica lo spessore del bordo. Con 0 il bordo è invisibile.
· Bordercolor: il colore del bordo, seguito da un numero esadecimale #rrggbb che indica il colore desiderato “white”
· Bordercolordark : il volore dell’ombra del bordo indicato con #rrggbb oppure dal nome del colore es “red”
· Bordercolorlight: indica il colore più chiaro per creare cornici 3D, indicato con #rrggbb oppure dal nome del colore es “red”
· Bgcolor : colore dello sfondo, seguito da un numero esadecimale #rrggbb che indica il colore desiderato “white”
· Background = immagine inserita nella tabella. Il tag è seguito dall’indirizzo dell’immagine da inserire es “images/logo.gif”
· Cellpadding : spazio tra il bordo della cella e il contenuto al suo interno, indicato con un numero
· Cellspacing : distanza tra le celle,normalmente viene creato di 1 px quindi se non si vogliono spazi è bene scriverlo esplicitamente con il numero 0.
· Nowrap : non manda il testo a capo anche se il contenuto supera la finestra del browser.
· Valign: indica l’allineamento verticale del contenuto della cella. Questo può essere: top, middle, bottom
· Frame : indica quali lati della tabella saranno visualizzati
o Void : nessun bordo sarà visualizzato
o above: solo il lato superiore
o below: solo il lato inferiore
o hsides: solo nei lati superiore e inferiore
o vsides: solo a sinistra e a destra
o lhs: solo nel lato sinistro (left-hand side)
- none: non visualizza il bordo da nessuna parte. È il valore di default
- groups: i bordi separano i gruppi
- rows: i bordi separano le righe
- cols:i bordi separano le colonne
- all: i bordi separano tanto le righe quanto le colonne
Alla prossima….
Nessun commento:
Posta un commento