A. Tujuan Pembelajaran
Setelah mengikuti kegiatan belajar ini Peserta Didik diharapkan dapat :
- Siswa Mampu Membuat Tabel spaning dengan HTML
- Siswa mampu menggunakan tabel sebagai penampung informasi.
B. Uraian Materi
Ada kalanya kita membuat table dengan menggabungkan baris, ataupun kolom. Berikut ini contoh tabel yang menggabungkan baris:
Untuk membuat table seperti di atas, maka Tabel Atribut Data yang digunakan adalah sebagai berikut:
Rowspan =angka(baris yang di span oleh sel)
Colspan =angka(kolom yang di span oleh sel)
Jadi untuk menggabungkan 4 baris seperti table di atas adalah :
<td rowspan=4> …….</td>
Artinya tabel data pada baris digabungkan sebanyak 4 baris
C. Praktikum
1. Alat dan Bahan:
- Komputer
- Notepad/Notepade++/Sublime Text
- Ebook
2. Ketikkanlah Program dibawah ini:
<!doctype>
<html>
<head>
<title>Tabel Dengan Rowspan</title>
</head>
<body>
<table width="500" border="1">
<tr>
<th >Nama Perumahan </th>
<th >Tipe / Luas tanah
(m<sup>2</sup>) </th>
</tr>
<tr>
<td rowspan="4">Griya Indah Permai </td>
<td>21 / 60 </td>
</tr>
<tr>
<td>36 / 90 </td>
</tr>
<tr>
<td>45 / 120 </td>
</tr>
<tr>
<td>54 / 120 </td>
</tr>
</table>
</body>
</html>Simpan dalam folder RPL dengan nama file : tabelspaning.html
Output :
TUGAS !
Setelah anda mengerjakan Program Menampilkan Jadwal pelajaran dengan menggunakan tag-tag HTML, coba kalian edit dengan mengimplementasikan pengunakan spaning(menggabungkan baris atau kolom ), sehingga, teabel yang anda buat berubah.