Belajar Html Bab 12 : Cara Menciptakan Tabel Di Html

Tabel adlah sebuah data tabular dalam bentuk grid yang terdiri atas kolom, baris dan sel. Penggunaan tentunya menimbulkan info lebih ringkas dan padat serta menciptakan orang gampang membacanya dan mengerti info yang di dalamnya.

Membuat Tabel di HTML

Tag - tag yang umum dipakai untk menciptakan tabel di HTML antara lain :

Tag	Fungsi
<table>	Mendefinisikan sebuah table
<tr>	Merupakan abreviasi dari table row, yang dipakai untk menciptakan baris tabel
<th>	Merupakan abreviasi dari table header , yang dipakai untk mendefinisikan sebuah judul
<td>	Merupakan abreviasi dari table data, yang dipakai untk menginput data ke tabel

Berikut ini teladan penggunaan tag <table>, <tr> dan <td> untk menciptakan tabel di HTML :

<table>  <tbody>   <tr>    <th>Tag</th>    <th>Fungsi</th>   </tr>   <tr>    <td><code>&lt;table&gt;</code></td>    <td>Mendefinisikan sebuah table</td>   </tr>   <tr>    <td><code>&lt;tr&gt;</code></td>    <td>Merupakan abreviasi dari <i>table row</i>, yang dipakai untk menciptakan baris tabel</td>   </tr>   <tr>    <td><code>&lt;th&gt;</code></td>    <td>Merupakan abreviasi dari <i>table header</i> , yang dipakai untk mendefinisikan sebuah judul</td>   <tr>    <td><code>&lt;td&gt;</code></td>    <td>Merupakan abreviasi dari <i>table data</i>, yang dipakai untk menginput data ke tabel</td>   </tr>  </tbody> </table>

Jika dibuka dibroser, tampilannya akan menyerupai gambar dibawah ini :

Mungkin sahabat akan gundah kenapa tebel tersebut tidak mempunyai garis tepi menyerupai halnya yang terdapat di ms.excel. Hal itu alasannya yaitu kita belum menawarkan atribut border di tag <table>.

Contoh penggunaan atribut border di tag <table> :

<table border="1">  <tbody>   <tr>    <th>Tag</th>    <th>Fungsi</th>   </tr>   <tr>    <td><code>&lt;table&gt;</code></td>    <td>Mendefinisikan sebuah table</td>   </tr>   <tr>    <td><code>&lt;tr&gt;</code></td>    <td>Merupakan abreviasi dari <i>table row</i>, yang dipakai untk menciptakan baris tabel</td>   </tr>   <tr>    <td><code>&lt;th&gt;</code></td>    <td>Merupakan abreviasi dari <i>table header</i> , yang dipakai untk mendefinisikan sebuah judul</td>   <tr>    <td><code>&lt;td&gt;</code></td>    <td>Merupakan abreviasi dari <i>table data</i>, yang dipakai untk menginput data ke tabel</td>   </tr>  </tbody> </table>

Pada teladan instruksi diatas Saya menawarkan nilai "1" di atribut border, sehingga bila dibuka di broser tabel mempunyai garis tepi sebesar 1 pixel menyerupai gambar diatas.

Penggunaan tabel di HTML dihentikan dipakai untk mendesain tampilan WEBsite. Dahulu mungkin sering dipakai tapi sehabis CSS diimplementasikan ke semua broser, maka penggunaan tabel untk mendesain tampilan WEBsite tidak dianjurkan.

Untuk pembahasan selanjutnya sahabat akan mempelajari Trik Menambahkan Komentar di HTML.
Sumber https://mas-abdi.blogspot.com/