Penggabungan baris/kolom
a. COLSPAN digunakan untuk menggabungkan beberapa kolom menjadi 1
b. ROWSPAN menggabungkan beberapa baris menjadi 1.
Contoh 3 penggunaan colspan :
<html>
<head>
<title>Judul!</title>
</head>
<body>
<table border=”1”>
<caption>Spanning kolom menggunakan colspan attribute</caption>
<tr>
<td bgcolor=”blue” width=”100” height=”100”> </td>
<td bgcolor=”green” width=”100” height=”100”> </td>
<td bgcolor=”white” width=”100” height=”100”> </td>
</tr>
<tr>
<td bgcolor=”blue” width=”100” height=”100”> </td>
<td colspan=”2” bgcolor=”green”> </td>
</tr>
<tr>
<td colspan=”3” bgcolor=”blue” height=”100”> </td>
</tr>
</table>
</body>
</html>
Contoh 3 penggunaan rowspan :
<html>
<head>
<title>Judul!</title>
</head>
<body>
<table border=”1”>
<caption>Spanning baris menggunakan colspan attribute</caption>
<tr>
<td bgcolor=”#efefef” width=”100” height=”100”> </td>
<td bgcolor=”#999999” width=”100” height=”100”> </td>
<td rowspan=”3” bgcolor=”#000000” width=”100” height=”100”> </td>
</tr>
<tr>
<td bgcolor=”#efefef” height=”100”> </td>
<td rowspan=”2” bgcolor=”#999999”> </td>
</tr>
<tr>
<td bgcolor=”#efefef” height=”100”> </td>
</tr>
</table>
</body>
</html>
LINIERISASI TABEL
Aksesibilitas Masalah dengan Tabel
Karena tabel dapat dibuat menggunakan grid, banyak desainer menggunakan grid untuk mengontrol tata letak seluruh dokumen, dan seluruh halaman web akan dibangun di dalam sebuah tabel. Sebelum Anda mempertimbangkan menggunakan tabel untuk mengontrol tata letak dokumen, penting untuk difahami bagaimana mereka ditangani oleh pengguna non-visual.
Dalam rangka untuk memahami bagaimana membuat tabel dapat diakses, Anda harus terlebih dahulu belajar bagaimana tabel dilinearisasi pada
halaman Anda.
halaman Anda.
Untuk memahami bagaimana pembaca membaca tabel, anggap tabel sederhana berikut:
<table border=”1”>
<tr>
<td>Column 1, Row 1</td>
<td>Column 2, Row 1</td>
</tr>
<tr>
<td>Column 1, Row 2</td>
<td>Column 2, Row 2</td>
</tr>
</table>
Pembaca cenderung untuk melakukan Linearisasi di atas meja ketika mereka membacanya. Ini berarti bahwa mereka mulai dari baris pertama dan membaca sel-sel di baris mulai dari kiri ke kanan, satu per satu, sebelum pindah ke baris berikutnya, dan seterusnya sampai mereka membaca seluruh baris dalam tabel. Urutan di mana sel-sel akan dibaca:
❑ Kolom 1 Baris 1
❑ Kolom 2 Baris 1
❑ Kolom 1 Baris 2
❑ Kolom 2 Baris 2