Sito web tag DIV si aiutano le sezioni di gruppo di contenuti HTML come testo, tabelle e immagini. È possibile impostare diversi parametri per l'DIV, come la dimensione e la posizione. I dati della pagina Web è vincolato allo spazio definito dal suo DIV contenente. Utilizzare gli stili CSS per formattare il layout sito web utilizzando i tag DIV.

istruzione

1 Aprire la pagina Web utilizzando un editor di testo o HTML. Utilizzare il seguente esempio per creare un layout a due colonne.

2 Digitare lo stile CSS per i due DIV e aggiungerlo sopra il tag "</ head>":

<Style>

divLeft {

left:12px;

width: 300px;

position: absolute;

}

divRight {

margin-left:400px;

width: 300px;

position: relative;

}

</ Style>

3 Digitare i nuovi stili nei tag DIV contenuti:

<Div id = "divLeft"> Sinistra dati lato div ... </ div>

<Div id = "divRight"> destro dati lato div ... </ div>

Il primo DIV è impostato sulla posizione assoluta e scorrerà secondo i dati sopra di esso. La posizione relativa del secondo DIV induce a seguire all'inizio allineamento della prima.

4 Salvare il documento e testarlo in un browser Internet.

Consigli e avvertenze

• Utilizzare un foglio di stile esterno per rendere il CSS a disposizione per più pagine Web in tuo sito. Creare un file con estensione ".CSS". Includere gli stili DIV senza il "<style> </ style>" tag e salvarlo.
• Fare riferimento al foglio di stile nelle pagine Web con un tag "<link>" posto sopra il tag "</ head>":
• <Link href = "styles.css" rel = "stylesheet" type = "text / css">