Cara Membuat Tabel Di HTML
Friday, March 15, 2019
Add Comment
Kalian kalau di Ms.Word atau dimana yang namanya tabel sudah tidak asingkan?, kali ini saya akan membagikan ilmu bagaimana Cara Membuat Tabel Di HTML. Tabel biasanya digunakan untuk menampilkan data yang terstruktur atau tampilan dari database. HTML juga menyediakan Tabel tag digunakan untuk menampilkan data dalam bentuk tabel.
Penggunaan tabel pada dokumen HTML tidak tepat Anda gunakan untuk mendesain tata letak elemen – elemen dalam sebuah tabel dengan kata lain tidak boleh digunakan untuk layout halaman. Dahulu mungkin sering digunakan untuk mendesain tampilan website, tapi saat ini fungsinya digantikan oleh CSS yang jauh lebih baik dalam hal membuat tampilan website.
Adapun tag – tag umum yang disediakan HTML untuk membuat sebuah tabel antara lain :
| Tag | Fungsi |
|---|---|
| table | Digunakan untuk mendefinisikan sebuah tabel dimana sebuah tabel di HTML. |
| tr | Merupakan kepanjangan dari table row yang digunakan untuk mendefinisikan baris – baris pada suatu tabel. |
| th | Merupakan kepanjangan dari table header yang digunakan untuk mendefinisikan judul pada sel dalam tabel yang berada di bagian paling atas atau paling kiri tabel. Tabel header berada di bagian atas adalah judul kolom tabel, sedangkan tabel header yang terletak di bagian kiri adalah judul baris tabel. |
| td | Merupakan kepanjangan dari table data yang digunakan untuk mendefinisikan isi tiap sel dalam tabel. |
Agar lebih jelas, kita akan langsung menggunakan contoh kode HTML:
<html>
<head>
<title>Cara Membuat Tabel</title>
</head>
<body>
<h1>Tag Tabel</h1>
<table border="1">
<tr>
<th>Nama</th>
<th>Umur</th>
<th>Kelas</th>
</tr>
<tr>
<td>Paijoooooooo</td>
<td>14</td>
<td>IPA 10</td>
</tr>
<tr>
<td>Paiminnnnn</td>
<td>15</td>
<td>IPS 5</td>
</tr>
<tr>
<td>Purnoooooooooo</td>
<td>30</td>
<td>IPA 8</td>
</tr>
</table>
</body>
</html>Coba jalankan kodenya diatas nanti hasilnya seperti ini:
Coba kita perhatikan di kode HTML diatas bahwa pada tag <table> kita memberikan atribut border. Atribut border digunakan untuk memberikan nilai garis tepi dari tabel. Nilai ini dalam ukuran pixel. border=”1”, berarti kita mengistruksikan kepada web browser bahwa tabel tersebut akan memiliki garis tepi sebesar 1 pixel. Jika tidak ditambahkan, secara default tabel tidak memiliki garis tepi.
Itu tutorial yang bisa beri, maklum masih pemula kalau ada yang salah. Terima kasih telah mengunjungi blog saya dan sekian.
Wassalamualaikum Wr.Wb
0 Response to "Cara Membuat Tabel Di HTML"
Post a Comment