Hallo kembali lagi pada postingan saya.kali saya akan mengajarkan cara membuat tampilan dasar sederhana pada web dengan bahasa HTML :D
Maka dari itu kita langsung ke
proses TKP aja :D
Caranya:
1.Buka aplikasi notepad atau
Notepad ++
2.Buat Folder bebas(silahkan
diberi nama dan simpan terserah anda)
3.kemudian ketik contoh script
sederhana berikut:
<!DOCTYPE
html>
<html>
<head>
<style>
#header
{
background-color:0;
color:white;
text-align:center;
padding:5px;
}
#nav {
line-height:30px;
background-color:#0;
height:300px;
width:100px;
float:left;
padding:5px;
}
#section
{
width:350px;
float:left;
padding:10px;
}
#footer
{
background-color:0;
color:white;
clear:both;
text-align:center;
padding:5px;
}
</style>
</head>
<body>
<div
id="header">
<h1>City
Gallery</h1>
</div>
<div
id="nav">
Pirates<br>
Marine<br>
revolutioner<br>
</div>
<div
id="section">
<h1>London</h1>
<p>
London
is the capital city of England. It is the most populous city in the United
Kingdom,
with a
metropolitan area of over 13 million inhabitants.
</p>
<p>
Standing
on the River Thames, London has been a major settlement for two millennia,
its
history going back to its founding by the Romans, who named it Londinium.
</p>
</div>
<div
id="footer">
Copyright
@Torrent.com
</div>
<body
bg background="Tulips.jpg">
</body>
</html>
(*Pada warna hitam angka Tulips.jpg,adalah
cara untuk membuat gambar background tampilan)
4.Simpan script diatas dengan tipe format HyperText Markup
Language(*.HTML)
5.Biasannya dalam 1 folder berisi:
6.Dan hasil jadi script tersebut jika di buka dengan Mozilla
akan menjadi :
Demikian postingan tutorial HTML dari saya.Semoga bermanfaat dan jangan lupa jika ada kritik dan saran harap cantumkan pada kolom komentar.
0 komentar:
Posting Komentar