LOYOUT DENGAN HTML
layout terdiri dari 5 bagian yaitu
1.HEADER
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
navigation yaitu yang memberikan akses navigasi ke halaman-halaman lain dalam web
3.SLIDEBAR
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
Konten yaitu Isi utama dari dokumen web.
5.FOOTER
Footer yaitu Bagian penutup dari website
berikut contoh scrip membuat layout dengan HTML
<!DOCTYPE html>
<html>
<head>
<style>
#header {
background-color:cadetblue;
color:beige;
text-align:center;
padding:5px;
}
#nav {
line-height:30px;
background-color:azure;
height:300px;
width:100px;
float:left;
padding:5px;
}
#section {
width:350px;
float:left;
padding:10px;
}
#footer {
background-color:cadetblue;
color:white;
clear:both;
text-align:center;
padding:5px;
}
</style>
</head>
<body>
<div id="header">
<h1>CITY GALLERY</h1>
</div>
<div id="nav">
PALEMBANG<br>
BATAM<br>
MEDAN<br>
</div>
<div id="section">
<h1>PALEMBANG</h1>
<p>
Palembang terkenal dengan kota pempek dan jembaatan ampera.
</p>
<p>
Kota Palembang merupakan kota tertua di Indonesia berumur setidaknya 1382 tahun jika berdasarkan prasasti Sriwijaya yang dikenal sebagai prasasti Kedudukan Bukit.
</p>
</div>
<div id="footer">
<marquee>Copyright © 57style.com</marquee>
</div>
</body>
</html>
HASINYA
layout terdiri dari 5 bagian yaitu
1.HEADER
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
navigation yaitu yang memberikan akses navigasi ke halaman-halaman lain dalam web
3.SLIDEBAR
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
Konten yaitu Isi utama dari dokumen web.
5.FOOTER
Footer yaitu Bagian penutup dari website
berikut contoh scrip membuat layout dengan HTML
<!DOCTYPE html>
<html>
<head>
<style>
#header {
background-color:cadetblue;
color:beige;
text-align:center;
padding:5px;
}
#nav {
line-height:30px;
background-color:azure;
height:300px;
width:100px;
float:left;
padding:5px;
}
#section {
width:350px;
float:left;
padding:10px;
}
#footer {
background-color:cadetblue;
color:white;
clear:both;
text-align:center;
padding:5px;
}
</style>
</head>
<body>
<div id="header">
<h1>CITY GALLERY</h1>
</div>
<div id="nav">
PALEMBANG<br>
BATAM<br>
MEDAN<br>
</div>
<div id="section">
<h1>PALEMBANG</h1>
<p>
Palembang terkenal dengan kota pempek dan jembaatan ampera.
</p>
<p>
Kota Palembang merupakan kota tertua di Indonesia berumur setidaknya 1382 tahun jika berdasarkan prasasti Sriwijaya yang dikenal sebagai prasasti Kedudukan Bukit.
</p>
</div>
<div id="footer">
<marquee>Copyright © 57style.com</marquee>
</div>
</body>
</html>
HASINYA
Comments
Post a Comment