Cara membuat tabel bersarang di Notepad++.
Hal-hal yang harus disipkan sebelum membuat tabel bersarang
- 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>
<body>
<table cellpadding="7" width="33%">
<tr bgcolor="red">
<th align="left">table > tr > td
<table cellspacing="8" bgcolor="yellow" width="100%" cellpadding="5">
<tr height="40"><td bgcolor="green" valign="baseline">table > tr > td</td></tr>
<tr height="60"><td bgcolor="blue">table > tr > td</td></tr>
<tr height="80"><td bgcolor="cyan">table > tr > td</td></tr>
<tr><td bgcolor="white">table > tr > td
<table width="100%" cellspacing="8" cellpadding="7">
<tr>
<td bgcolor="5bffb0" valign="baseline" width="25%">td</td>
<td bgcolor="5bffb0 ">td
<table cellspacing="5" width="100%" height="100%">
<tr bgcolor="blue">
<th align="left">table > tr > td
<table width="100%" cellspacing="5" >
<tr bgcolor="edffa6" height=><td>td</td></tr>
<tr bgcolor="edffa6"><td>td</td></tr>
<tr bgcolor="edffa6"><td>td</td></tr>
<tr bgcolor="edffa6"><td>td</td></tr>
<tr bgcolor="edffa6"><td>td</td></tr>
<tr bgcolor="edffa6"><td>td</td></tr>
<tr bgcolor="edffa6"><td>td</td></tr>
</table>
</th>
</tr>
</table>
</td>
<td bgcolor="5bffb0" valign="baseline" width="25%">td</td>
</tr>
</table>
</td></tr>
<tr><td bgcolor="orange">table > tr > td</td></tr>
</table>
</th>
</tr>
</table>
</body>
</html>
Demikianlah Cara Membuat tabel bersarang di Notepad++. cukup sekian dari saya Assalamualaikum Wr.Wb salam TKJ !!. jika masih kurang berkomentar lah di bawah postingan ini !! kami menghargai komentar anda, tentang postingan ini.
0 komentar:
Posting Komentar