Minggu, 12 Agustus 2018

Membuat Table Menggunakan HTML | Nassya Putri R.

Hallo teman teman dimanapun berada! Pada kesempatan kali ini saya akan memberi tahu kalian dan memberikan contoh bagaimana cara membuat table menggunakan HTML. Ohya, disini saya menggunakan aplikasi sublime text ya, tapi teman-teman bisa juga menggunakan notepad++.
Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri atas baris dan kolom. Untuk menampilkannya pada HTML, gunakan tag <table>.


Berikut merupakan contoh penggunaan tag untuk tabel dan hasil yang saya dapatkan:
(Penjelasan fungsi tag saya tampilkan di bawah)

1 (a)
1 (b)

2 (a)
2 (b)

3 (a)
3 (b)

4 (a)
4 (b)

5 (a)
5 (b)
Untuk menampilkan tanda centang, gunakan kode &#10003
5 (c)

6 (a)
6 (b)

7 (a)
7 (b)

8 (a)
8 (b)
8 (c)



9 (a)
9 (b)

10 (a)
10 (b)

Fungsi - fungsi tag yang digunakan :
  • <table> ... </table> = Untuk memulai dan mengakhiri table
  • <tr> ... </tr> =  Table row, digunakan untuk membuat baris dari tabel.
  • <td> ... </td> = Table data, digunakan untuk menginput data ke tabel.
  • <th> ... </th> = Table heading, digunakan untuk membuat judul sebuah tabel. Dan biasanya huruf menjadi bold/tebal.
  • <caption> ... </caption> = Digunakan untuk membuat judul maupun memberikan keterangan untuk sebuah tabel HTML.
  • border = Digunakan untuk mengatur ketebalan dari garis tepi (border) dari tabel.
  • cellspacing = Digunakan untuk mengatur jarak antara garis tepi (border) bagian dalam dan luar.
  • cellpadding = Digunakan untuk mengatur jarak dari border sisi dalam tabel dengan isi text tabel itu sendiri.
  • colspan = Digunakan untuk menggabungkan beberapa kolom menjadi satu.
  • rowspan = Digunakan untuk menggabungkan beberapa baris menjadi satu. 
  • width = Digunakan untuk menentukan lebar tabel. (px atau %)
  • height = Digunakan untuk menentukan tinggi tabel. (px atau %)
  • id = Digunakan sebagai penanda.
  • bgcolor = Digunakan untuk mengatur warna latar belakang tabel.
  • scope = row: Cell yang aktif memiliki informasi header untuk sisa dari baris tempat cell tersebut berada. col: Cell yang aktif memiliki informasi header untuk sisa dari kolom tempat cell tersebut berada.
  • align = Digunakan untuk mengatur perataan tabel.
Sekian saja informasi yang dapat saya berikan. Mohon maaf apabila masih banyak kesalahan kata kata yang sifatnya disengaja atau tidak. Selamat belajar dan sehat selalu teman teman!😘

Tidak ada komentar:

Posting Komentar

INTRODUCING ELOQUENT

Assalamualaikum teman-teman yang sedang melihat blog saya kali ini hihi! Apa kabar semuanya? Semoga selalu dalam keadaan sehat wal'afiat...