Gli sviluppatori Web dividono spesso pagine Web in sezioni, come un'intestazione, piè di pagina e corpo. Diversi elementi all'interno di HTML vengono utilizzati per definire il layout di una pagina Web, comprese tabelle, strati e tag div. Le tabelle utilizzate per essere la scelta preferita per dividere le pagine Web. Tuttavia, a causa delle limitazioni delle tabelle relazionate al caricamento della pagina, la flessibilità e la compatibilità con i browser Web, più gli autori Web sono utilizzando i tag div e CSS per loro layout e formattazione.

Istruzioni

1

Cliccare su "Start", "Programmi" "Accessori" e "Blocco note".

2

Digitare o copiare e incollare il seguente codice HTML nel blocco note:

< html >

< style type = "text/css" >

intestazione () {

background-color: #0066FF;

height: 50px;

width: 600px;

}

corpo () {

background-color: #FFFF99;

height: 300px;

width: 600px;

}

piè di pagina () {

background-color: #009900;

height: 50px;

width: 600px;

}

< / stile >

< corpo >

< div id = "header" > si tratta di un'intestazione della pagina web < / div >

< div id = "corpo" > questo è il corpo della pagina web < / div >

< div id = "footer" > questo è il piè di pagina della pagina web < / div >

< / body >

< / html >

Il codice precedente utilizza tag div HTML (< div >< / div >) per creare un layout di pagina sono costituiti da un'intestazione, corpo e piè di pagina. Utilizza codifica all'interno dei tag di stile CSS per formattare i loro attributi, incluso il loro colore di sfondo, la larghezza e l'altezza.

3

Fare clic su "File" e "Salva con nome". Selezionare "All files" in "Salva come tipo".

4

Il nome del file e posizionare un'estensione HTML alla fine del nome del file per salvarlo come un documento HTML. Esempio: mypagelayout.html.

5

Individuare il documento sul disco rigido e fare doppio clic su di esso. Si dovrebbe aprire nel browser Web. Si dovrebbe vedere un layout di pagina di colore composta da tre divisioni: un'intestazione, un corpo e piè di pagina.