Belajar Html Membuat Tabel bagian 2

Pada postingan kali ini yaitu melanjutkan postingan kemaren tentang bagaimana cara membuat tabel dengan HTML. kali ini kita akan lanjutkan tentang Tabel dengan captionSel, tabel yang diperlebar, Tag didalam tabel

Tabel dengan caption
<html>
<body>
<h4>
Tabel ini memiliki caption,
dan border yang tebal:
</h4>
<table border=”6″>
<caption>Caption Saya</caption>
<tr>
<td>100</td>
<td>200</td>
<td>300</td>
</tr>
<tr>
<td>400</td>
<td>500</td>
<td>600</td>
</tr>
</table>
</body>
</html>

Sel tabel yang diperlebar
<html>
<body>
<h4>Sel yang melebar dua kolom:</h4>
<table border=”1″>
<tr>
<th>Nama</th>
<th colspan=”2″>Telepon</th>
</tr>
<tr>
<td>Bill Gates</td>
<td>555 77 854</td>
<td>555 77 855</td>
</tr>
</table>
<h4>Sel yang melebar dua baris:</h4>
<table border=”1″>
<tr>
<th>Nama depan:</th>
<td>Bill Gates</td>
</tr>
<tr>
<th rowspan=”2″>Telepon:</th>
<td>555 77 854</td>
</tr>
<tr>
<td>555 77 855</td>
</tr>
</table>
</body>
</html>

Tag didalam tabel
<html>
<body>
<table border=”1″>
<tr>
<td>
<p>Ini adalah paragraf</p>
<p>Ini paragraf yang lain</p>
</td>
<td>Sel ini berisi tabel:
<table border=”1″>
<tr>
<td>A</td>
<td>B</td>
</tr>
<tr>
<td>C</td>
<td>D</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>Sel ini berisi list
<ul>
<li>apel</li>
<li>pisang</li>
<li>nanas</li>
</ul>
</td>
<td>Halo</td>
</tr>
</table>
</body>
</html>