logo TOPMANGA - non copiatelo

:: HOME TOPMANGA
:: HOME SITI WEB

:: SITI WEB ::


COSTRUIRE UN SITO WEB: LE TABELLE



Per poter organizzare al meglio il tuo sito, spesso è necessario ricorrere all'uso delle tabelle che ti permette di suddividere una pagina in più parti e di collocare in ogni parte, un elemento di testo una immagine o altro. La tabella si crea con il tag <table> e </table> e all'interno di questa ogni riga si definisce con la coppia di tag <tr>.... </tr>. All'interno di ogni riga si creano infine, le celle desiderate con <td> .....</td> quindi:

<table><tr><td>QUI METTI QUELLO CHE VUOI </td></tr></table></a>

Per definire la larghezza di una tabella si si usa il tag WIDHT al quale assegnamo un valore espresso in pixel (valore assoluto) o in percentuale (rispetto alla larghezza della pagina):

<TABLE WIDTH="600">....</TABLE>
oppure
<TABLE WIDTH="90%">....</TABLE>

Per personalizzare l'aspetto di una tabella possiamo definirne per esempio il bordo e lo sfondo. Per il bordo usiamo l'attributo BORDER:

<TABLE BORDER="spessore" >.....</TABLE>

sostituisci a "spessore", un numero intero. Se non metti l'attributo border, il bordo rimarrà invisibile. Per impostare uno sfondo alla tabella usiamo gli stessi attributi già visti nel body BGCOLOR="#colore" (per definire un colore di sfondo) oppure BACKGROUND="image" per collocare sullo sfondo un'immagine. Questi due attributi li posso inserireall'interno del tag di apertura TABLE per assegnare la caratteristica all'intera tabella, o all'interno del tag di apertura TD per assegnare la caratteristica ad una singola cella. Quindi:

<TABLE bgcolor="red">.....</TABLE>
oppure
<TABLE BACKGROUND="image">....</TABLE>

al posto di image metti il percorso di dove si trova la tua immagine.
es: http://www.topmanga.it/immagine.jpg
Ricapitolando, fino ad adesso possiamo fare:

<TABLE WIDTH="600" BACKGROUND="image" BORDER=1 >
<tr >
<td>
qui ci metto una immagine o un testo
</td>
</tr >
</ TABLE >

LEZIONE SUCCESSIVA: LE TABELLE (2)



:: UTILITY ::


:: GRAFICA ::

:: CERCA ::