index

This revision is from 2017/03/24 07:21. 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>