|
|
:: HOME TOPMANGA |
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)
|
|