index
This revision is from 2017/02/01 10:31. You can Restore it.
<!—
- buat folder bernama dini
- masukan gambar dengan nama "dini" (tanpa tanda kutip) ke folder dini
- copy semua script ini ke notepad dan simpan dengan index.html di folder dini
→
<html>
<head><title>Web Dini</title> </head>
<style>
img {
border-radius:50%;
}
</style>
<!— Penjelasan :
border-radius = Agar gambarnya jadi bulat
→
<body bgcolor=" #003333">
<table width="800" border="5" align="center" cellspacing="10" bgcolor=" #008888">
<!— Penjelasan :
- bgcolor di body = untuk backround Halamannya
- #003333 = Ini adalah warna Bavkground dalam Hexadecimal (Boleh Di Ganti Dengan Warna misalnya Pink,blue,white dll)
- width = untuk mengatur lebarnya misalnya "800" Atau sesuai keinginan Anda
- border = Untuk ketebalan garis tepi angka "5" boleh di ganti sesuai ketebalan yng anda mau
- align = agar tulisannya berada di tengah 'center ' (bisa jga right / left)
→
<tr>
<td bgcolor=" #00EEEE" height="111" colspan="2 " align="center" ><h1><font face="algerian">Dini Nurul Web</font></h1></td>
</tr>
<td bgcolor="#00DDDD" width="202" height="270" align="center" valign="top" >
<font face="harrington" color="red"> Menu Navigasi<hr>
<a href="index.html">Home</a><hr>
<a href="profil.html">Profil</a><hr>
<a href="gallery.html">Gallery</a></hr>
</font>
</td>
<!—
Sama seperti tadi bgcolor ,
<h1> = Adlah Judul Website Kamu
font face = gunanya untuk merubah gaya huruf misalnya 'algerian' bisa di ganti dengan (harrington, arial dsb)
heght = gunannya untuk mengatur tunggi
→
<td bgcolor=" white" width="503" align="center" valign="top ">
<h2>Selamat Datang Di Website Dini</h2> <img src="gambar/dini.jpg"></a>
<p>Website Sederhana Yang Dini Buat Untuk Tugas Pemrograman, Semoga Dapat Nilai Yang Baik :) </p><br>
</td>
<!—
<img src="filegambar.jpg"= di gunakan untuk memunculkan gambar ke website anda
→
<tr>
<td bgcolor=" #00EEEE" height="53" colspan="2" align="center" valign="middle ">HakCipta @DiniNurul<br>
<a href="#">http://www.dini.co.id</a>
</td>
</tr>
</table>
</body>
</html>