Cara membuat Tabel di HTML

Cara membuat Tabel di HTML

Diposting oleh muhamad taufiq ramadhan

Tabel HTML

Tabel didefinisikan dengan tag table.

Sebuah tabel dibagi menjadi baris (dengan tag tr), dan setiap baris dibagi menjadi sel-sel data (dengan tag <td>). td singkatan dari "data tabel", dan memegang isi sel data. Sebuah tag <td> dapat berisi teks, link, gambar, daftar, form, tabel lain, dll
tabel Contoh
<table border="1">
<tr>
<td> baris 1, sel 1 </ td>
<td> baris 1, sel 2 </ td>
</ tr>
<tr>
<td> baris 2, sel 1 </ td>
<td> baris 2, sel 2 </ td>
</ tr>
</ table>



Tabel HTML dan Atribut Perbatasan

Jika Anda tidak menentukan atribut perbatasan, tabel akan ditampilkan tanpa batas.
batas yang dimaksud adalah garis seperti kita sedang membuat kotak

Untuk menampilkan tabel dengan perbatasan, menentukan atribut border:
<table border="1">
<tr>
<td> Baris 1, sel 1 </ td>
<td> Baris 1, sel 2 </ td>
</ tr>
</ table>



HTML Tabel Header

Informasi header dalam tabel didefinisikan dengan tag <th> sebagai tebal dan terpusat.

<table border="1">
<tr>
<th> Header 1 </ th>
<th> header 2 </ th>
</ tr>
<tr>
<td> baris 1, sel 1 </ td>
<td> baris 1, sel 2 </ td>
</ tr>
<tr>
<td> baris 2, sel 1 </ td>
<td> baris 2, sel 2 </ td>
</ tr>
</ table>

• 

Back to menu