dalam pembuatan web.. kita bisa mencoba untuk membuat kerangka terlebih dahulu, karena dengan begitu web akan bisa terlihat lebih rapi......
berikut akan kita tampilkan contoh kerangka web:
adapun source code adalah sebagai berikut:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>kerangka_WEB_aditya</title>
</head>
<style type="text/css">
<!--
#wrapper {
margin: auto;
width: 800px;
border: 1px solid Blue;
}
#header {
height: 80px;
border: 1px solid purple;
}
#inner {
float: left;
margin: 5px 0;
border: 1px solid black;
}
#sidebar {
float: left;
margin-right: 20px;
width: 210px;
height: 335px;
border: 1px solid red;
}
#center{
float: left;
width: 563px;
height: 335px;
border: 1px solid green;
}
#top{
height: 80px;
border: 1px solid red;
}
#content {
float: left;
margin-right: 10px;
width: 320px;
height: 240px;
border: 1px solid green;
}
#right {
float: right;
width: 205px;
height: 200px;
border: 1px solid red;
}
#footer {
clear: both;
height: 50px;
border: 1px solid magenta;
}
-->
</style>
<body>
<div id="wrapper">
<div id="header">
Header</div>
<div id="inner">
<div id="sidebar">
Sidebar
</div>
<div id="center">
<div id="top">
Top
</div>
<div id="content">
Content
</div>
<div id="right">
Right
</div>
</div>
</div>
<div id="footer">
Footer
</div>
</div>
</body>
</html>
Do you like this article? Share It!
1 komentar to "membuat kerangka web"
time
about ayas
- ADITYAAREMA
- nama ayas sebetulnya bukan ADITYAAREMA, tapi Aditya Imam Pratama, ADITYAREMA merupakan sebuah nama yang menggambarkan bahwa ayas sangat bangga menjadi AREMA. ayas biasa dipanggil imam - pon - dita - adit. Anda bisa panggil saya terserah yang penting bukan Mince atau nama2 bencis sebangsanya, serta jangan menyinggung rasisme :D... saya lahir di Kota Malang, I Love this city, tanggal 7 Agustus 1989, tepatnya di RSSA bukan dukun beranak... jadi secara otomatis sejak saya lahir, saya adalah AREMA cukup sekian perkenalannya ya... kalo mau lebih intim lagi add aja di FB - aditya_tothemax@yahoo.co.id -
Unknown says:
haduh maz saya masih bingung>> ga bisa baca script>>> pemula neh>>> ajari>>