Dalam menampilkan data yang terstruktur atau tampilan dari database, kita biasanya akan membuatnya dalam bentuk tabel. HTML juga menyediakan Tabel tag digunakan untuk menampilkan data dalam bentuk tabel.
Umumnya setiap kolom menunjukan data yang sejenis, dan setiap baris yang terdiri atas kolom-kolom menunjukan kelompok data dalam satu kesatuan.
Untuk membuat tabel pada html menggunakan tag <table> dan di akhiri dengan tag </table> lalu di dalam sebuah tag <table> dan tag </table> dimasukan tag <tr> dan </tr> yang bekerja sebagai baris pada tabel lalu di dalam sebuah <tr> dan </tr> terdapat tag <td> dan </td> yang bekerja memberikan sebuah kolom pada tabel. Untuk mengetahui garis tabel tersebut, kita menggunakan atribut 'border' pada tag table.
Baca Juga
- Bagian 17. Struktur Penulisan Pada CSS
- Bagian 16. Cara Menggunakan CSS
- Bagian 15. Memulai Menggunakan CSS
- Tutorial Video The Complete Angular Course Beginner to Advanced Free Download
- Kumpulan Video dan Source Tutorial Master PHP Pemula Full Complit Gratis
- Kumpulan Tutorial Developers 2018 Full Gratis Download
- Menggunakan Library dan Helper di CodeIgniter
- CodeIgniter & Database
- Bagian 19. Membuat Halaman Website Minimalis
- Bagian 18. Lebih Dalam Bekerja dengan CSS
Dalam tutorial belajar HTML cara membuat tabel HTML ini kita akan membahas cara penggunaannya. Tabel tag setidaknya membutuhkan 3 buah tag, yaitu <tabel>, <tr>, dan <td>.
<table> digunakan untuk memulai tabel.
<tr> adalah singkatan dari table row, digunakan untuk membuat baris dari tabel.
<td> adalah singkatan dari table data, digunakan untuk menginput data ke tabel.
Contoh penggunaan Table adalah sebagai berikut :
<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Tag Tabel</title>
</head>
<body>
<h1>Belajar Tag Tabel</h1>
<table border="1">
<tr>
<td>Baris 1, Kolom 1</td>
<td>Baris 1, Kolom 2</td>
<td>Baris 1, Kolom 3</td>
</tr>
<tr>
<td>Baris 2, Kolom 1</td>
<td>Baris 2, Kolom 2</td>
<td> Baris 2, Kolom 3</td>
</tr>
<tr>
<td> Baris 3, Kolom 1</td>
<td> Baris 3, Kolom 2</td>
<td> Baris 3, Kolom 3</td>
</tr>
<tr>
<td> Baris 4, Kolom 1</td>
<td> Baris 4, Kolom 2</td>
<td> Baris 4, Kolom 3</td>
</tr>
</table>
</body>
</html
Priview
Belajar Tag Tabel
| Baris 1, Kolom 1 | Baris 1, Kolom 2 | Baris 1, Kolom 3 |
| Baris 2, Kolom 1 | Baris 2, Kolom 2 | Baris 2, Kolom 3 |
| Baris 3, Kolom 1 | Baris 3, Kolom 2 | Baris 3, Kolom 3 |
| Baris 4, Kolom 1 | Baris 4, Kolom 2 | Baris 4, Kolom 3 |
Menggabungkan Kolom dan Baris Pada Tabel
Untuk menggabungkan kolom dalam halaman html yaitu dengan menggunakan colspan.
Untuk selengkapnya silahkan download ebook HTML ini disini
Bagian 13. Membuat Table Pada Halaman HTML
Reviewed by Akief Takaful
on
11:03 PM
Rating:
Reviewed by Akief Takaful
on
11:03 PM
Rating:
No comments: