November 15
Posa il contenuto della pagina Web è un aspetto importante della progettazione Web. È possibile utilizzare un numero di elementi in HTML per dividere una pagina Web e stendere il suo contenuto, compresi i tavoli, livelli, luci e tag DIV. Utilizzato per definire le divisioni in un documento HTML, tag DIV sono flessibili, facili da usare e compatibile con i browser Web. Essi sono spesso usati in combinazione con i fogli di stile a cascata (CSS) per gettare meglio fuori, formato o migliorare il contenuto di una pagina Web. Utilizzando DIV e CSS, è possibile creare divisioni sulla tua pagina web, come ad esempio intestazioni e barre laterali.
1 Fai clic su "Start", "Programmi", "Accessori" e "Blocco note".
2 Digitare il seguente testo nella parte superiore del blocco note:
<Html>
<Style type = "text / css">
<! -
intestazione {
height: 100px;
width: 500px;
background-color: #FFFFCC;
}
body {
height: 300px;
width: 500px;
}
#sidebar body {
height: 300px;
width: 80px;
float: left;
background-color: # 009900;
}
footer {
height: 100px;
width: 500px;
background-color: # 000000;
colore: #FFFFFF;
}
->
</ Style>
</ Head>
<Body>
<Div id = "header"> Contenuti per id "header" va qui </ div>
<Div id = "corpo">
<Div id = "sidebar"> Contenuti per id "sidebar" va qui </ div>
</ Div>
<Div id = "footer"> Contenuti per id "footer" va qui </ div>
</ Body>
</ Html>
Questo codice crea quattro tag DIV utilizzando l'apertura <div> e chiusura combinazioni di tag </ div> HTML. Il codice quindi dà loro gli ID separati: intestazione, sidebar, corpo e piè di pagina. Inoltre, crea un blocco CSS utilizzando l'apertura <style> e di chiusura </ style> combinazioni di tag HTML. Poi si formatta gli attributi di ciascun tag DIV individuo, come il colore di sfondo, il posizionamento, la larghezza e l'altezza, in modo da formare un layout di pagina Web. È ora possibile inserire i tuoi contenuti all'interno dei singoli tag DIV.
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 sul computer mettendo .html alla fine del nome del file, per esempio, usingDivTags.html.
5 Individuare il file HTML in cui è stato salvato sul vostro computer, e fare doppio clic su di esso. Si dovrebbe aprire nel browser Web e si presenterà con un layout a quattro lati colorati.