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
<html>
<head>
<title>Sekolah Kita</title>
</head>
<body>
<b>Marsyel X Tkj 2</b>
<form id="forml" name="forml" method="post" action="">
<table width="800" height="500" align="center" cellspacing="0">
<tr>
<th width="620" height="23" colspan="2" align="center" bgcolor="#ffcccc"><font color="#000000" size="+3">
Web sekolah kita</font>
</th>
</tr>
<tr>
<th width="160" bgcolor="#ff9988" align="left" valign="top"><font size="+1">
<p>menu</p>
<p>profil sekolah</p>
<p>galeri foto</p>
<p>kegiatan</p>
<p>hubungi kami</p>
</font>
</th>
<td height="176" align="center" valign="top" bgcolor="#cc9900"><font size="+2">
<p> </p>
<p> Nama saya Nursaid Mardhatillah Arsyelan Ali X Tkj 2</p>
</font>
</td>
</tr>
<tr>
<td height="30" colspan="2" align="center" valign="top" bgcolor="#ffccff"><font size="+1">Copyright © smkn2-bjm.sch.id
</font>
</td>
</tr>
</table>
</form>
</body>
</html>
<head>
<title>Sekolah Kita</title>
</head>
<body>
<b>Marsyel X Tkj 2</b>
<form id="forml" name="forml" method="post" action="">
<table width="800" height="500" align="center" cellspacing="0">
<tr>
<th width="620" height="23" colspan="2" align="center" bgcolor="#ffcccc"><font color="#000000" size="+3">
Web sekolah kita</font>
</th>
</tr>
<tr>
<th width="160" bgcolor="#ff9988" align="left" valign="top"><font size="+1">
<p>menu</p>
<p>profil sekolah</p>
<p>galeri foto</p>
<p>kegiatan</p>
<p>hubungi kami</p>
</font>
</th>
<td height="176" align="center" valign="top" bgcolor="#cc9900"><font size="+2">
<p> </p>
<p> Nama saya Nursaid Mardhatillah Arsyelan Ali X Tkj 2</p>
</font>
</td>
</tr>
<tr>
<td height="30" colspan="2" align="center" valign="top" bgcolor="#ffccff"><font size="+1">Copyright © smkn2-bjm.sch.id
</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.
THANKS!
BalasHapus