Cara Membuat Tampilan Dasar Web Dengan Bahasa HTML - Part 1

Membuat Tampilan Dasar Web Dengan Bahasa HTML





Hallo Pembaca Blogger !

 Cara Membuat Tampilan Dasar Web Dengan HTML sbb :

Buka aplikasi Notepad atau Notepad++, yang mana anda sukai
Dan Ketiklah kembali contoh kode script ini

<!DOCTYPE html>
<html>
<head>
<style>
#header {
background-color:red;
color:black;
text-align:center;
padding:5px;
}
#nav {
line-height:40px;
background-color:#777777;
height:400px;
width:200px;
float:left;
padding:5px;
}
#section {
width:350px;
float:left;
padding:10px;
}
#footer {
background-color:green;
color:yellow;
clear:both;
text-align:center;
padding:5px;
}
</style>
</head>
<body>
<div id="header">
<h1>Sungai Di Indonesia</h2>
</div>
<div id="nav">
<a href="Kapuas.html"style="text decoraton:none" target=blan>Kapuas.</a><br>
<a href="Mahakam.html"style="text decoraton:none" target=blan>Mahakam.</a><br>
<a href="Barito.html"style="text decoraton:none" target=blan>Barito.</a><br>
<a href="BatangHari.html"style="text decoraton:none" target=blan>BatangHari.</a><br>
<a href="Musi.html"style="text decoraton:none" target=blan>Musi.</a><br>
</div>
<div id="section">
<h1>Daftar Sungai Terpanjang Di Indonesia</h1>
<p><b>

Indonesia adalah negara di Asia Tenggara, yang dilintasi garis khatulistiwa dan berada di antara benua Asia dan Australia serta antara Samudra Pasifik dan Samudra Hindia. Indonesia adalah negara kepulauan terbesar di dunia yang terdiri dari 13.487 pulau,oleh karena itu ia disebut juga sebagai Nusantara ("pulau luar")
</p>
<p><b>
Kenampakan alam indonesia sangat beragam dan sangat mengagumkan. Salah satu kenampakan alam yang banyak terdapat di Indonesia adalah sungai. Keberadaan sungai menjadi sangat penting bagi kehidupan bahkan sampai sekarang. Berikut kami membahas daftar sungai terpanjang di indonesia.
</p>
</div>
<div id="footer">
Copyright © SiapaSuruhKuliah.co.id
</div>
</body>
</html>

Jika anda ingin menambahkan background dengan gambar, cukup dengan memasukkan gambar dengan nama (contoh:gedung.jpg) di dalam satu folder dan hanya perlu mengetik di sricpt bagian terakhir <body bg background="gedung.jpg"> .

Copyright © SiapaSuruhKuliah.co.id
</div>
<body bg background="gedung.jpg">
</body>
</html>


Mudah kan ,, selamat mencoba !!!