Pernahkah anda melihat sebuah halaman web yang didalamnya terdapat sebuah tabel. Bagaimana cara membuatnya? Kali ini saya ingin mempraktekkan dan memperlihatkan pengertian ihwal tag yang berfungsi dalam pembuatan tabel. Fungsi dari tabel sendiri yaitu untuk mengatur biar isu dari halaman web sanggup disajikan dengan tampilan yang baik untuk dibaca.
Berikut yang harus anda pahami tag yang berfungsi untuk pembuatan sebuah tabel:
Tag | Fungsi |
| <table>...</table> | Tag harus ditulis yang mempunyai kegunaan sebagai pembuka dan epilog sebuah tabel |
| <caption>...</caption> | Membuat judul tabel |
| <th>...</th> | Membuat judul kolom |
| <tr>...</tr> | Menentukan sebuah baris dalam tabel |
| <td>...</td> | Membuat sel data |
Setelah anda mengerti tag diatas, pribadi saja yukk kita praktekkan !!
- Siapkan Text Editor (Notepad++,Adobe Dreamweaver, dll). Disini saya menggunakan Notepad++
- Siapkan Browser (Mozilla Firefox, Google Chrome, dll).
- Segelas Kopi atau kudapan biar anda semangat :D
Membuat Tabel Sederhana dengan HTML
Berikut source code menciptakan tabel sederhana :
Setelah anda mengetik source code diatas, lalu simpan dengan nama file membuattabel.html.
Jalankan file membuattabel.html klik 2x file tersebut.
Maka untuk tampilan yaitu berikut ini :
Memberi Garis dan Warna Background Tabel
Dari pola diatas yang sudah saya praktekkan tabel belum mempunyai garis. Untuk menciptakan sebuah garis anda bisa menggunakan atribut border pada tag <table>, pola sebagai berikut :
<table border="bilangan untuk border">
Masih menggunakan file index.html yang telah dibentuk tadi. Kemudian disini saya akan setting garis dengan angka 1, maka yang harus dilakukan hanya menambahkan pada tag <table> menjadi ibarat berikut :
<table border="1">
<table border="bilangan untuk border">
Masih menggunakan file index.html yang telah dibentuk tadi. Kemudian disini saya akan setting garis dengan angka 1, maka yang harus dilakukan hanya menambahkan pada tag <table> menjadi ibarat berikut :
<table border="1">
Setelah anda edit lalu save kembali pekerjaanya. Jalankan kembali file membuattabel.html ke web browser anda. Maka tampilan akan menjadi ibarat ini :
Praktis bukan? Setelah anda bisa menciptakan sebuah garis di tabel. Ilmu selanjutnya yaitu pertolongan warna latar belakang di tabel. Caranya hanya menambahkan atribut bgcolor pada tag <table>.
<table border="1" bgcolor="yellow">
Masih menggunakan file membuattabel.html yang telah dibentuk tadi. Tambahkan atribut bgcolor pada tag <table> ibarat diatas.
Simpan dan jalankan file membuattabel.html di web browser anda. Jadilah untuk tampilan sesudah diberi warna latar belakang yaitu sebagai berikut :
Praktis bukan dalam menciptakan tabel dalam HTML? Mudah-mudahan apa yang telah saya berikan kali ini bermanfaat bagi pembaca. Terima kasih !! Sumber http://creativitywhitoutlimits.blogspot.com
EmoticonEmoticon