Come formattare un sito web con tag div

January 24

Come formattare un sito web con tag div


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">

Articoli Correlati