Come fare un layout a tre colonne Utilizzando tag div

September 28

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 stile o se stai facendo una pagina da zero, colonne multiple sono uno dei modi che si possono organizzare la pagina. Se si dispone già di un layout a tre colonne per la vostra pagina in mente, utilizzare il tag div in HTML per farlo accadere.

istruzione

1 Crea il tuo prima colonna inserendo la apertura e chiusura tag 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 le colonne due e tre nel documento HTML. Non appoggiare il paragrafo o rompere il tag (<p> o) tra i tre div. Ora siete pronti a fare i div in colonne.

3 In ciascuno dei tag di apertura div nei tre set (un set di essere "<div> Il vostro testo qui </ div>") aggiungere il seguente codice HTML: <div style = "height: 700px; width: 250px; float: left ; ">

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

<P align = "center">

<Div style = "height: 700px; width: 250px; float: left;"> Il vostro testo qui </ div>

<Div style = "height: 700px; width: 250px; float: left;"> Il vostro testo qui </ div>

<Div style = "height: 700px; width: 250px; float: left;"> Il vostro testo qui </ div>

</ P>