Mengenal HTML Bagian 6 : Pembuatan Tabel Dalam HTML

Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri atas baris dan kolom. nah didalam HTML sendiri, table menggunakan tag <table>, <tr> untuk baris dan <td> untuk kolom. Seringkali table digunakan dalam halaman web untuk memperindah tampilan ataupun untuk mengatur agar informasi dapat disajikan dengan tampilan yang enak dibaca. Berikut penjelasa tentang tag table.

Tag <table>

<table> merupakan tag pembuka dalam pembuatan sebuah table pada HTML, penggunaan <tr> dan <td> tak bisa difungsikan dengan baik tanpa tag <table>

Tag <tr>

Tag <tr> atau juga disebut table row merupakan tag yang digunakan untuk membuat baris dalam table di HTML

Tag <td>

Tag <td> atau juga disebut table data merupakan tag yang digunakan untuk membuat kolom dalam baris di HTML

Tag <th>

Tag <th> atau table head atau bagian kepala bagian pada table

Berikut adalah contoh dari script table

Nah seperti yang dilihat diatas, hasilnya tidak ada garis tepi, ini dikarenakan tidak ada perintah untuk membuat garis tepi di table nya, jadi kalian buat seperti dibawah ini.

nah script diatas akan menghasilkan tampilan di browser seperti dibawah ini.

Ditampilan atas sudah terdapat border nya atau garis tepi, ini menjadikan table yang kalian buat akan terlihat lebih syantik. Nah sekarang kalian buat di Text editor kalian sama seperti script dibawah ini, dan lihat hasilnya setelah kalian buat nanti.

Silakan copy dan lihat hasilnya, kalian juga bisa mengedit atau menambahkan sesuatu yang sesuai kalian inginkan. Terima kasih sudah berkunjung di blog saya.