Pertemuan kali ini kita akan membuat desaign web dengan cara table HTML Dari materi yang pembuatan HTML tabel dengan langkah desaign yang kita pelajari atau yang sudah kita bahas bersama-sama,
sekarang mari kita belajar bagaimana cara membuat tabel dengan code HTML, nantinya digunakan untuk membuat rancangan awal website
seperti gambar dibawah ini. |
| gambar table |
Dari gambar diatas kita sudah kita masukkan code maka code HTML Judul seperti dibawah ini :
<table width="800" border="0" cellspacing="5" cellpadding="1">
<tr>
<td colspan="3"> </td>
</tr>
<tr>
<td colspan="3"> </td>
</tr>
<tr>
<td width="230"><table width="229" border="0" cellspacing="5" cellpadding="1">
<tr>
<td width="217"> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table></td>
<td width="28"> </td>
<td width="516"> </td>
</tr>
</table>
<tr>
<td colspan="3"> </td>
</tr>
<tr>
<td colspan="3"> </td>
</tr>
<tr>
<td width="230"><table width="229" border="0" cellspacing="5" cellpadding="1">
<tr>
<td width="217"> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table></td>
<td width="28"> </td>
<td width="516"> </td>
</tr>
</table>
Keterangan dari code diatas tersebut yaitu :
- <table width="800" border="0" cellspacing="5" cellpadding="1"> Digunakan untuk lebar tabelnya 800, border 0 cellspacingnya 5 dan cellpaddingnya 1
- <tr> </tr> Digunakan untuk awal dan akhir Baris pada tabel
- <td> </td> Digunakan untuk Kolom pada tabel yang berisi link gambar header tersebut
- colspan="3" digunakan mengabungkan kolom atau merger cell
- nbsp Digunakan untuk tempat tesk atau image
- Dari keterangan diatas artinya ada 9 sub table
EmoticonEmoticon