Untuk HTML pembuatan table adalah bagian inti dari pembuatan layout. Jika kita sudah mengenal CSS maka tabel biasa di subtitusi dengan tag (Div) untuk fleksibilitas atau script css lainnya. Tetapi untuk murni HTML sebagai pembelajaran penggunaan tabel sebagai desain layout perlu di pahami.

Table diawali dengan tag <table>

contoh penerapan :

<table border=”1″>
<caption>Data Statistik</caption>
<tr>
<th>Nama</th>
<th>Tinggi Badan</th>
<th>Berat Badan</th>
</tr>
<tr>
<td>Maman</td>
<td>170 cm</td>
<td>50 kg</td>
</tr>
<tr>
<td>Udin</td>
<td>165 cm</td>
<td>55</td>
</tr>
<tr>
<td>Sukoco</td>
<td>128 cm</td>
<td>75 kg</td>
</tr>
</table>

hasil yang akan tampil pada browser sebagai berikut :

Rows dan Cell
Table dalam web tidak berbeda jauh dengan table pada umumnya, terdiri dari 2 bagian. Yaitu baris dan kolom, atau Rows dan Cells.
Untuk Rows, dijelaskan dengan tag <tr>. Sedangkan untuk cell diwakili dengan tag <th> ( header cell ) dan <td> untuk cell-nya sendiri.

sumber : ilmuwebsite

Share Me :
Published 11/12/2017
Tags: HTML / Tutorial / website
Off

Irvan Belajar IT

<p><span style="color: #ffff99;">Belajar IT dengan Konsisten dan Update dibutuhkan untuk tetap berkembang menuju kompetensi yang lebih baik lagi.</span></p><p><span style="color: #ffff99;">Salam Learn Into IT</span></p>

Kelas Online

Buku IT

Kontak Kami :

<p><span style="color: #ffff99;">Email : [email protected]</span></p>
© Irvan Belajar IT 2023