Lets check it out :)
Contoh:
<!DOCTYPE html>
<html>
<head>
<style>
#header {
background-color:pink;
color:white;
text-align:center;
padding:5px;
}
#nav {
line-height:30px;
background-color:#eeeeee;
height:300px;
width:100px;
float:left;
padding:5px;
}
#section {
width:350px;
float:left;
padding:10px;
}
#footer {
background-color:pink;
color:white;
clear:both;
text-align:center;
padding:5px;
}
</style>
</head>
________________________________________
<body>
<div id="header">
<h1>Flower Gallery</h1>
</div>
<div id="nav">
Melati<br>
Mawar<br>
Anggrek<br>
</div>
<div id="section">
<h1>Bunga</h1>
<p>
Melati merupakan tanaman bunga hias berupa perdu berbatang tegak yang hidup menahun
Di Indonesia, salah satu jenis melati dijadikan sebagai "puspa bangsa" atau simbol nasional
yaitu melati putih (Jasminum sambac), karena bunga ini melambangkan kesucian dan kemurnian,
serta dikaitkan dengan berbagai tradisi dari banyak suku di negara ini.</p>
<p>
Mawar adalah suatu jenis tanaman semak dari genus Rosa sekaligus nama bunga
yang dihasilkan tanaman ini,umumnya mawar memiliki duri berbentuk seperti pengait yang berfungsi sebagai
pegangan sewaktu memanjat tumbuhan lain. Beberapa spesies yang tumbuh liar di tanah berpasir di daerah
pantai seperti Rosa rugosa dan Rosa pimpinellifolia beradaptasi dengan duri lurus seperti jarum yang
mungkin berfungsi untuk mengurangi kerusakan akibat dimakan binatang, menahan pasir yang diterbangkan
angin dan melindungi akar dari erosi. Walaupun sudah dilindungi duri, rusa kelihatannya tidak takut dan
sering merusak tanaman mawar. Beberapa spesies mawar mempunyai duri yang tidak berkembang dan tidak tajam.
<p>
Bunga Anggrek merupakan tumbuhan yang memiliki jenis terbanyak. Jenis jenis bunga Anggrek indah ini
salah satunya adalah bunga anggrek bulan merupakan tanaman anggrek yang banyak disukai oleh sebagian
besar penduduk Indonesia terutama kaum hawa
bunga atau tumbuhan Anggrek merupakan salah satu tanaman hias yang cocok dipajang baik di dalam maupun di luar
rumah dan cocok dengan iklim di Indonesia.
</p>
</div>
<div id="footer">
Copyright © titania.com
</div>
</body>
</html>
Setelah tahap diatas,kita akan melihat hasilnya seperti dibawah ini guys :)
0 komentar:
Posting Komentar