Sfondi nelle tabelle html - Abbonizio altervista

abbonizio logo
www.abbonizio.altervista.org
Vai ai contenuti
COME METTERE UNO SFONDO AD UNA TABELLA "html"
Dedicato a tutti coloro che trattano per la prima volta il linguaggio HTML

Di seguito i codici per creare uno sfondo ad una tabella con relative spiegazioni.

Ecco dei semplici codici per mettere uno sfondo colorato nella vostra tabella o nella vostra scheda!

Abbonizio




Se invece al nostro sfondo vogliamo aggiungere un piccolo bordo,
i codici da usare sono leggermente diversi, ma altrettanto semplici:

Abbonizio




Ecco come inserire un'immagine nella table ed una nella cella:





Attributi:
"width" determina la larghezza in pixel, se omesso la tabella si allargherà o restringerà a seconda del contenuto.
"height", determina l'altezza.
"border" specifica la larghezza del bordo, se come valore si da zero allora la tabella risulterà completamente trasparente però manterrà la forma e il contenuto, più si aumenta questo valore e più si otterrà un bordo ampio.
"cellpadding" e "cellspacing" specificano rispettivamente lo spazio che c'è fra l'interno della cella e il proprio contenuto e lo spazio che c'è fra una cella e l'altra.
"bgcolor" seguito da un valore esadecimale per il colore, in questo modo: bgcolor="#xxxxxx", e la tabella si colorerà tutta con quel colore.
"bordercolorlight" seguito da un valore esadecimale per il colore, bordo chiaro.
"bordercolordark" per il bordo scuro.
Il Tag "<tr>...</tr>" specifica l'inizio e la fine di una riga, ogni volta che avremo bisogno di una nuova riga bisognerà aggiungere questi due Tag fra "<table>...</table>".
Il Tag "<td>...</td> specifica una colonna ed è fra questi due che vengono inseriti i contenuti: testo, immagini, o altre tabelle.
Il contenuto del Tag "<td>" può anche essere allineato verticalmente, utilizzando la proprietà "valign" assegnando i valori "top" (sopra), "middle" (centro) e "bottom" (sotto).


Come valuti questa pagina?!
divider 2a
Tasto destro del mouse, copia ed incolla.
Buon lavoro ^_^
hor line contsct
Grazie della visita
Torna ai contenuti