Nwlapcug.com


Come fare un Layout a tre colonne utilizzando i tag Div

Il tag div ha molti usi nel linguaggio di programmazione HTML, incluso ma non limitato alla creazione di colonne visibili in un documento HTML. Se la pagina Web ha bisogno di una revisione di stile o se stai facendo una pagina da zero, più colonne sono uno dei modi che si possa organizzare la pagina. Se hai già un layout a tre colonne per la tua pagina in mente, è possibile utilizzare il tag div nel codice HTML per farlo accadere.

Istruzioni

1

Creare la prima colonna inserendo il tag di apertura e chiusura div ("< div >< / div >") nella posizione desiderata nel documento HTML; quindi digitare il contenuto desiderato per la prima colonna tra i tag.

2

Ripetere il passaggio uno per iniziare a creare colonne due e tre nel documento HTML. Non collocare alcun tag di paragrafo o di pausa (< p > o) tra i tre div. Ora siete pronti a fare i div in colonne.

3

In ciascuna dell'apertura tag div in tre set (impostata per essere una "< div > qui il tuo testo < / div >") aggiungere il seguente codice HTML: < div style = "altezza: 700px; Larghezza: 250px; float: left;" >

4

Salvare il documento HTML e visualizzarlo nel browser Web o un altro programma di visualizzazione HTML. Ora avrete tre colonne create con il tag div. Il codice finale per il vostro div dovrebbe essere simile a questo:

< p align = "center" >

< div style = "altezza: 700px; Larghezza: 250px; float: left;" > il vostro testo qui < / div >

< div style = "altezza: 700px; Larghezza: 250px; float: left;" > il vostro testo qui < / div >

< div style = "altezza: 700px; Larghezza: 250px; float: left;" > il vostro testo qui < / div >

</p >