HTML Tables: 1 Judul Bisa 2 Kolom

Contoh Pertama :

Nama	Blog Nano Yulianto
Nano Yulilanto	Basic HTML	Tutorial Blogger

<table border="1">
<tr>
  <th>Nama</th>
  <th colspan="2">Blog Nano Yulianto</th>
</tr>
<tr>
  <td>Nano Yulilanto</td>
  <td>Basic HTML</td>
  <td>Tutorial Blogger</td>
</tr>
</table>

colspan pada table header <th> yang menyebabkan adanya kolom lebih dari satu. Kalau ingin 5 kolom tambahkan saja colspan="5".

---

Contoh Kedua :

Nama:	Nano Yulianto
Blog	Basic HTML
	Tutorial

<table border="1">
<tr>
  <th>Nama:</th>
  <td>Nano Yulianto</td>
</tr>
<tr>
  <th rowspan="2">Blog:</th>
  <td>Basic HTML</td>
</tr>
<tr>
  <td>Tutorial</td>
</tr>
</table>

Yang ini berbeda, contoh yang pertama semua judul digabungkan menjadi satu dalam tag <tr> yang membuat horizontal, kali ini tag <th> dan <td> digabungkan menjadi satu dalam tag <tr> yang membuat judul Vertical. Hanya saja kali ini ditambahkan rowspan untuk membuat 2 kolom vertical dan table data <td> kedua terpisah dengan table data <td> pertama.

---

Semoga Bermanfaat...

Alhamdulillah