HTML

HTML (Tag Table)

Ada beberapa macam tag dalam HTML salah satunya adalah Tag Table.
Tag Table

<table> definisi tabel </table>

Menampilkan data dalam bentuk tabel

Tabel didefinisikan dengan cara menyatakan baris-baris dan kolom-kolom.

Tag untuk penanda baris adalah <tr> definisi baris </tr>

Tag untuk penanda kolom adalah <td> data </td>

•      Atribut dalam Tag Table

–     Border

•      Menentukan ukuran dari bingkai

–     Colspan

•      Menggabungkan cell dalam satu Baris

–     Rowspan

•      Menggabungkan Cell dalam satu Kolom

contoh membuat table di HTML:

<hn> <b>Data Nilai Mahasiswa</b> </hn>
<table border="1">
<tr>
<td rowspan="2"><b>NO</b></td>
<td rowspan="2"><b>Nama Mahasiswa</b></td>
<td colspan="6"><b>Nilai Tugas</b></td>
</tr>
<tr align="center">
<td colspan="3"><b>1</b></td>
<td colspan="3"><b>2</b></td>
</tr>
<tr>
<td align="center">1</td>
<td colspan="2">Bonaventura</td>
<td colspan="2" align="center">70</td>
<td colspan="2" align="center">80</td>
</tr>
<tr>
<td align="center">2</td>
<td colspan="2">Romagnoli</td>
<td colspan="2" align="center">70</td>
<td colspan="2" align="center">80</td>
</tr>
<tr>
<td align="center">3</td>
<td colspan="2">Bartolaci</td>
<td colspan="2" align="center">90</td>
<td colspan="2" align="center">50</td>
</tr>
<tr>
<td align="center">4</td>
<td colspan="2">Antoneli</td>
<td colspan="2" align="center">90</td>
<td colspan="2" align="center">60</td>
</tr>
<tr>
<td colspan="3"><b>Rata-rata</b></td>
<td colspan="2" align="center"><b>80</b></td>
<td colspan="2" align="center"><b>70</b></td>
</tr>
</table>


hasilnya: