Nwlapcug.com


Come formattare un sito Web con tag DIV



Sito Web DIV tag aiuto è raggruppare sezioni di contenuto HTML come testo, tabelle e immagini. È possibile impostare vari parametri per il vostro DIV, come ad esempio la dimensione e la posizione. I dati della pagina Web sono vincolati allo spazio definito da sua contenente gli stili DIV. uso CSS per formattare il layout del sito Web utilizzando il tag DIV.

Istruzioni

1

Aprire la pagina Web utilizzando un editor di HTML o di testo. Utilizzare l'esempio seguente 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;

}

< / stile >

3

Digitare i nuovi stili nel tuo contenuto tag DIV:

< div id = "divLeft" > sinistra dati lato div... < / div >

< div id = "divRight" > destra div dati... < / div >

Il primo DIV è impostato a posizione assoluta e scorrerà secondo tutti i dati sopra di esso. La posizione relativa del secondo DIV induce a seguire per allineamento superiore del primo.

4

Salvare il documento e il test in un browser Internet.

Consigli & Avvertenze

  • Utilizzare un foglio di stile esterno per rendere disponibile il codice CSS per più pagine Web nel vostro sito. Creare un file con un ". Estensione CSS". Includere gli stili DIV senza il "< stile >< / stile >" tag e salvarlo.
  • Riferimento al foglio di stile nelle pagine Web con un tag "< link >" collocato sopra il tag "< / head >":
  • < link href="styles.css" rel = "stylesheet" type = "text/css" >