Tugas Pemrograman Web Tabel HTML

By | December 24, 2020

Tugas Web, dalam web terkadang sobat membutuhkan sebuah tabel untuk menampilkan informasi data dan membandingkan data. Lalu bagaimana membuat tabel dengan HTML? Pada Tugas Pemrograman Web kali ini akan dibahas cara membuat Tabel HTML.

Baca Juga : Tugas Membuat Form Login

Unsur Utama Tabel

  1. Kolom
  2. Baris
  3. Sel
  4. Garis
unsur utama tabel

Tag Yang Digunakan Pada Tabel

Tabel HTML terdiri dari 6 tag berikut penjelasannya :
  1. <table> digunakan untuk membungkus tabel
  2. <thead> digunakan untuk membungkus bagian kepala tabel
  3. <tbody> digunakan untuk membungkus bagian body dari tabel
  4. <tr>  atau table row digunakan untuk membuat garis
  5. <td> atau table data digunakan untuk membuat sel
  6. <th> atau table head untuk membuat judul pada header
Dari keenam tag diatas biasanya yang perlu diingat <table>, <tr> dan <td> . Sementara tag lainnya hanya opsional
Silakan lihat contoh berikut : 
Source Code :

Outputnya seperti berikut : 

tugas web tabel html
Penjelasan dari source code diatas seperti berikut :
  1. bgcolor=”#42e6f5″ untuk merubah warna background menjadi biru muda
  2. align=”center” untuk membuat semua tag dan content posisi center atau tengah
  3. border=”1″ untuk membuat garis border, ganti output menjadi 0 untuk menghilangkan border nilai 1 merupakan garis paling kecil
  4. cellspacing=”5″ untuk membuat jarak antara sel dengan table
  5. cellpadding=”5″ untuk membuat jarak teks dengan garis didalam sel
Jika ingin menambahkan warna pada cell bisa tambahkan bgcolor=”yellow” didalam <td> yang ingin diwarnai seperti berikut :
contoh penggunaan warna pada table cell

Silakan kalian pelajari dan kembangkan lagi Tugas Pemrograman Web Tabel HTML dasar sebagai tugas sobat. 

Leave a Reply

Your email address will not be published. Required fields are marked *