Il tag "div" HTML consente di segmentare le sezioni dei tuoi contenuti, quindi è possibile impostare gli stili e i margini su diverse parti del tuo sito Web. È possibile utilizzare uno o più contenitori di div. Divs hanno sostituito i vecchi stili di tabella, perché danno il webmaster più libertà per stendere le sezioni del sito con meno probabilità di commettere errori di codifica. Divs anche mantenere il codice più efficiente invece di avere diverse tabelle incorporate che sono più difficili da gestire che div.

Istruzioni

1

Pulsante destro del mouse il file HTML che si desidera modificare. Fare clic su "Apri con", quindi fare clic sul collegamento per l'editor HTML caricare il codice in un editor.

2

Creare un div principale che contiene tutti i tuoi contenuti. Un div principale che circonda tutto il contenuto consente di allineare la pagina principale nel browser dell'utente. Per esempio, è possibile centrare una pagina che non è abbastanza contenuto per occupare l'intera finestra. Aggiungere il seguente codice di div direttamente dopo il tag "body" e inserire tutti gli elementi HTML all'interno di questo tag:

< div style = "align: center" id = "main" >< / div >

3

Ulteriori div tag embed in div principale. È possibile utilizzare i tag div come molti come necessario per formattare il contenuto. Per esempio, il codice seguente crea due sezioni per una pagina, la barra di navigazione a sinistra e la sezione di contenuti del centro:

< div id = "left_nav" >

Collegare uno

Collegare due

< / div >

< div id = "contenuto" >

Benvenuti nella mia pagina

< / div >

4

Salvare il contenuto e aprire la pagina HTML nel browser Web. Si può prendere un paio di modifiche prima di riuscire a stendere pagine Web esattamente come si vuole farlo sembrare nel browser di un utente. Rivedere le modifiche e ripetere la procedura finché non siete soddisfatti con le modifiche HTML.

Consigli & Avvertenze

• Esaminare le modifiche apportate su più browser affinché il codice HTML non ha errori in un browser alternativo.