Sabtu, 19 Juni 2021

cara membuat tabel pada HTML

Pada pertemuan sebelumnya kita telah belajar cara membuat list/daftar pada HTML, pada kesempatan kali ini kita akan belajar cara membuat tabel pada HTML.

Ketika menampilkan data dari database, biasanya kita menampilkannya dalam bentuk tabel. HTML juga menyediakan tag untuk membuat tabel yang berfungsi untuk menampilkan data dalam bentuk tabel. Untuk membuat suatu tabel, setidaknya kita membutuhkan 3 tag HTML, diantaranya :

  1. Tag <table>
    Digunakan untuk memulai tabel.
  2. Tag <tr>
    Tabel row ( tr ) digunakan untuk membuat baris dari tabel.
  3. Tag <td>
    Tabel data ( td ) dugunakan untuk menginput data ke tabel.

Dengan 3 tag diatas kita sudah bisa membuat sebuah tabel, untuk lebih jelasnya kita akan langsung mempraktekannya. Silahkan lihat kode HTML dibawah ini :

cara membuat tabel pada HTML
Perhatikan bahwa pada tag <table> kita memberikan atribut border. Atribut border digunakan untuk memberikan nilai garis tepi dari tabel. Nilai ini dalam ukuran pixel. border=”1”, berarti kita mengistruksikan kepada web browser bahwa tabel tersebut akan memiliki garis tepi sebesar 1 pixel. Jika tidak ditambahkan, secara default tabel tidak memiliki garis tepi. Jika tidak terjadi kesalahan, maka hasilnya seperti gambar dibawah ini :

cara membuat tabel pada HTML
Sampai disini kita telah mempelajari beberapa tag HTML yang sering digunakan dalam pembuatan halaman web.

Demikianlah tutorial tentang cara membuat tabel pada HTML. Silahkan bagikan atau share artikel ini jika dirasa ada yang membutuhkan.

 

  • Share Post:
related posts
about author

Seseorang yang suka belajar sesuatu yang baru, terutama tentang pemrograman web. Senang berbagi tentang pengetahuan dan belajar dari yang lain.

recent posts
categories
trending posts
SERBA KOMPUTER © 2017 - 2019, ALL RIGHTS RESERVED.