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>

Selanjutnya yaitu Belajar Html Membuat Tabel bagian 3

Tentang belalangtue

manusia biasa yang ingin terus belajar.............
Pos ini dipublikasikan di Computer, HTML, pemrograman, tutorial dan tag , , , . Tandai permalink.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s