Membuat tabel pada HTML

Cara membuat tabel HTML mudah - Pada artikel kali ini saya akan berbagi info mengenai pemrograman web dasar HTML, yaitu membuat tabel dengan HTML. Cara membuat tabel di HTML memang tidak terlalu susah. Kita cukup hapalkan dan pahami tag inti dari struktur tabel. Tabel terdiri dari kolom dan baris. Dimana kolom dan baris mempunyai tag yang berbeda. Tabel mempunyai peranan penting dalam membuat halaman suatu website. , Selain untuk menampilkan informasi teks, tabel bisa digunakan juga untuk menampilkan informasi dalam bentuk lain, seperti informasi audio/video/gambar dalam format lajur dan kolom. Di sisi lain, Anda bisa juga menggunakan tabel untuk membantu pembuatan layout tampilan halaman.

Membuat Tabel Secara Mudah di HTML 5

Dalam membuat website, tabel bisa juga digunakan untuk mempermudah pembuatan form. Biasanya umum digunakan ketika membuat form registrasi suatu website, seperti website universitas, bisnis online, maupun jejaring sosial. Seperti yang telah dikatakan di atas, tabel merupakan suatu kotak yang terdiri dari row(baris) dan coloumn/kolom. Untuk memulai membuat table, Anda perlu mengetahui tag definisi table yaitu <table>...</table>. Nah, Anda juga bisa juga untuk memberi atribut dalam tag <table> tersebut. Seperti menambahkan ketebalan, memberi warna dan sebagainya. Di dalam tag table tersebut terdiri dari beberapa tag lain yang wajib untuk Anda ketahui, berikut saya jelaskan :

1. Tag <tr>

Tag tr merupakan tag yang digunakan untuk mendefinisikan baris pada tabel. TR merupakan singkatan dari table row.

2. Tag <td>

Tag td digunakan untuk menuliskan kotak di dalam baris, oleh sebab itu tag td berada dalam tag tr. TD sendiri merupakan singkatan dari table data.

3. Tag <th>

Tag th digunakan untuk menuliskan kotak biasa seperti <td>, namun tag th digunakan untuk header pada tabel. TH singkatan dari table header.

Secara umum, penulisan tabel pada HTML bisa digambarkan seperti berikut :

Penjelasan : 

<table>   --> mendefinisikan pembuatan tabel

<tr>        --> mendefinisikan pembuatan baris

<td>       --> mendefiniskan pembuatan kolom

Contoh Membuat Table di HTML

Sebagai latihan membuat tabel di HTML, coba Anda ketikkan script berikut ke text editor :

Simpan dengan nama tabel.html, kemudian buka hasilnya. Jika benar, maka hasilnya seperti berikut ini :

Demikian artikel saya kali mengenai 'Membuat tabel pada HTML'. Semoga artikel Membuat tabel pada HTML bisa membantu Anda yang sedang belajar membuat tabel pada HTML. Sekian dan terima kasih, sampai jumpa postingan artikel selanjutnya.