Layout dengan html, terdiri dari 5 bagian yaitu:
1. Header
Yaitu merupakan elemen yang berisi judul dan penjelasan lain dokumen. Biasanya di isi dengan logo website, menu-menu , maupun nama halaman yang sedang ditampilkan
2. Navigation
Yaitu yang memberikan akses navigasi ke halaman-halaman lain dalam web
3. Sidebar
Yaitu pendukung konten, dapat berupa pembantu navigasi konten, ataupun ber bagai hal lain seperti daftar konten lain, iklan, atau menu tambahan. Sidebar dapat berada di kiri atau kanan konten
4. Konten
Yaitu Isi utama dari dokumen web
5. Footer
Yaitu Bagian penutup dari website
CONTOH SKRIP:
<!DOCTYPEhtml>
<html>
<head>
<style>
#header {
background-color:lightblue;
color:green;
text-align:center;
padding:5px;
}
#nav {
line-height:30px;
background-color:#lightgreen;
height:300px;
width:100px;
float:left;
padding:5px;
}
#section {
width:350px;
float:left;
padding:10px;
}
#footer {
background-color:orange;
color:white;
clear:both;
text-align:center;
padding:5px;
}
</style>
</head>
<body>
<div id="header">
<h1>BESARAN POKOK</h1>
</div>
<div id="nav">
Panjang<br>
Volume<br>
Suhu<br>
</div>
<div id="selection">
<h1>Besaran</h1>
<p>
dalam ilmu fisika, panjang, volume, dan suhu, adalah suatu yang dapat diukur.
</p>
<p>
suatu yang dapat diukur itu disebut dengan besaran.
</p>
</div>
<div id="footer">
Copyright
</div>
</body>
</html>
HASILNYA:
,
BalasHapus