April 17
Le pagine web sono costituiti da un numero di divisioni che formano il suo layout (ad esempio, intestazione, barra laterale, corpo e piè di pagina). HTML contiene elementi che vengono utilizzati per definire queste divisioni differenti compreso, tavoli, campate, strati e tag DIV. I tavoli erano spesso la scelta preferita per la definizione di layout di pagina web. Tuttavia, dal momento che l'introduzione di CSS, più sviluppatori stanno utilizzando tag DIV per definire layout loro pagine web. tag DIV in collaborazione con i CSS possono definire l'intestazione, il corpo, barre laterali e piè di pagine web.
1 Aprire il Blocco note.
2 Digitare o copiare e incollare il seguente codice nel blocco note:
<Html>
<Style type = "text / css">
body {
background-color: #CCCCCC;
altezza: 400px;
width: 800px;
}
footer {
background-color: #FF0000;
Altezza: 50px;
width: 800px;
}
</ Style>
<Body>
<Div id = "corpo"> Ecco il corpo </ div>
<Div id = "footer"> Ecco il piè di pagina </ div>
</ Body>
</ Html>
3 Fai clic su "File" e poi "Salva con nome". Seleziona "Tutti i file" come il "Salva come tipo."
4 Salvare il file come un file HTML mettendo ".html" alla fine del nome del file. Esempio: myfooter.html.
5 Trova il tuo file in cui è stato salvato sul disco rigido e fare doppio clic su di esso. Si dovrebbe lanciare nel browser Web. Si dovrebbe vedere un layout di pagina colorata composta da due divisioni - un corpo e il piè di pagina DIV in fondo.