Hal-hal yang harus disipkan sebelum membuat html left index
- PC/Laptop
- Notepad/Notepad++
- Cemilan
Sebelum ketahap eksekusi, disini saya akan menjelaskan beberapa tag dalam HTML
- <table> : untuk membuat tabel kaya di MS.excel tapi cara membuat tabelnya menggunakan bahasa html dan di dalam script table terdiri 3 tag yaitu : th, td, dan tr.
- <td> : kepanjangan dari table data, digunakan untuk membuat isi dari th atau baris atau kalau di MS.excel seperti cell
- <th> : kepanjangan dari table heading, digunakan untuk membuat judul sebuah table seperti No, dan nama. biasanya di tanda dengan hurufnya menjadi bold seperti contoh table di atas.
- <tr> : kepanjangan dari table row, digunakan untuk mendefiniskan baris pada tabel
Tahap Eksekusi
- Buka Notepad/Notepad++
- Isikan Coding berikut ini
- Setelah Diisi Kemudian Save as.
- Selesai
<head>
<title>Tugas HTML</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<table width="800" height="447" border="1" align="center" cellspacing="1">
<tr>
<th width="160" rowspan="3" valign="top" bgcolor=#32CD32>
<p>Home</p>
<p>Profile</p>
<p>About us</p>
<p>Blog</p>
<p>Contact us</p></th>
<th width="627" height="23" align="center" bgcolor=#DDA0DD>
<strong>
<font color="#AFEEEE" size="+4">ARSYELAN SHOP</font></strong></th>
</tr>
<tr>
<td height="176" align="center" valign="top" bgcolor=#FA8072><p> </p>
<p>Kami Menjual Baju Distro
<br>Cotton Combed 30s
<br>Cotton Combed 24s
<br>Cotton Combed 20s
</p>
</td>
</tr>
<tr>
<td height="30" align="center" bgcolor=white>
<font size="+2">arsyelanshop.com</font>
</td>
</tr>
</table>
</form>
</body>
</html>
Demikianlah Cara Membuat HTML LEFT INDEX di Notepad++. cukup sekian dari saya Assalamualaikum Wr.Wb salam TKJ !!. jika masih kurang berkomentar lah di bawah postingan ini !! saya menghargai komentar anda, tentang postingan ini.
0 komentar:
Posting Komentar