Website sering menampilkan konten dalam beberapa kolom (seperti majalah atau koran).
Contoh:
<body>
<div id="header">
<h2>HEADER</h2>
</div>
<div class="nav">
Menu Navigasi 1<br>
Menu Navigasi 2<br>
Menu Navigasi 2
</div>
<div class="html">
<h2>Apa itu HTML?</h2>
<p>HTML adalah bahasa markup untuk menggambarkan dokumen web (halaman web).<br>
Dengan HTML Anda dapat membuat situs Web Anda sendiri.
Tutorial ini mengajarkan Anda segala sesuatu tentang HTML.<br>
HTML mudah dipelajari - Anda akan menikmatinya.
HTML singkatan H yper T ext M arkup L anguage
Sebuah bahasa markup <br>adalah seperangkat tag markup
Dokumen HTML dijelaskan oleh tag HTML
Setiap tag HTML menjelaskan isi dokumen yang berbeda.</p>
</div>
<div id="footer">
Copyright © DuniaKomputer007
</div>
</body>
CSS :
<Style>
#header{
background-color:black;
color:white;
text-align:center;
padding:5px;
}
.nav {
background-color:#eeeeee;
float:left;
height:300px;
width:120px;
padding:5px;
margin:0 20px 0 0;
}
.isi{
background-color:black;
color:white;
float:left;
width:830px;
padding:20px;
margin:20px;
}
#footer{
background-color:black;
color:white;
clear:both;
text-align:center;
padding:5px;
}
</style>
0 komentar:
Posting Komentar