Tag yang digunakan untuk membuat tabel pada html adalah

HTML tag elementmerupakan elemen HTML yang digunakan untuk menampilkan data dalam bentuk kolom dan baris. Tabel sendiri mempunyai pengertian sebuah data tabular yang disajikan berbentuk grid yang terdiri atas kolom (column) dan baris (row). Data pada tabel dimasukkan ke dalam wadah yang disebut sel (cell) yang merupakan pertemuan antara kolom dan baris. Kolom pada tabel adalah data yang ditampilkan memanjang ke atas (sumbu-y), sedangkan baris adalah data yang ditampilkan ke arah horisontal (sumbu-x). Sebuah tabel yang sederhana memiliki paling tidak 3 buah elemen tabel yaitu elemen , elemen , dan elemen (table row) dengan tag ... . Elemen ini digunakan untuk membuat barisan tabel.

Table of Contents Show

Cara Membuat Tabel HTML dengan tag <table>, <tr> dan <td>
Jika ingin membuat tabel HTML menggunakan tag apa?
Apa itu TH dan TD?
Apa fungsi tag table TR dan TD pada pembuatan tabel?

Kemudian yang terakhir adalah elemen

. Kolom-kolom yang terletak di antara tag inilah yang sering di sebut sebagai table cell. Di dalam tag inilah data akan dimasukkan.

Susunan tabel :

HTML tag element table beserta komposisinya :

Pada pembuatan tabel yang sederhana, Anda membutuhkan HTML element tag

HTML tag element pada pembuatan tabel ditandai dengan tag. Di dalam elemen tersebut terdapat elemen

(table data) dengan tag..., , yang disusun secara berurutan.

Berikut ini adalah contoh membuat tabel pada halaman HTML :




   Latihan Menggunakan HTML Element Tag Table


   Belajar Menggunakan HTML Element Tag Table

   
     
     
     
     
     
     
   No Produk Jumlah Harga
1. Komputer 1 Rp. 4.000.000,-
2. Laptop 2 Rp. 12.000.000,-
3. Kamera 5 Rp. 20.000.000,-
4. Televisi 10 Rp. 20.000.000,-
5. Sound Sistem 4 Rp. 16.000.000,-

Jika dijalankan pada browser akan menghasilkan tampilan sebagai berikut :

Elemen Table Header Pada Tabel

Table header merupakan elemen pada tabel yang digunakan sebagai judul bagi tiap-tiap data yang berada di dalam kolom yang sama. Elemen secara default akan menghasilkan teks yang memiliki gaya tampilan tebal (bold) dengan posisi perataan teks rata tengah (center).

Fungsi dari elemen (table header) ini sebenarnya hampir sama dengan elemen yaitu untuk menempatkan data. Namun elemen digunakan bagi data yang merupakan bagian header/judul tiap tabel data. Sedangkan elemen hanya untuk menempatkan isi data tabel saja.

Anda dapat menggunakan elemen sebagai judul bagi tiap-tiap kolom yang ada dibawahnya. Namun berdasarkan struktur tabel, cara tersebut tidak disarankan karena HTML sudah menyediakan elemen table header untuk menempatkan judul bagi tiap-tiap data yang berada pada kolom yang sama di bawahnya.

Dalam menampilkan data yang terstruktur atau tampilan dari database, kita biasanya akan membuatnya dalam bentuk tabel. HTML juga menyediakan Tabel tag digunakan untuk menampilkan data dalam bentuk tabel. Dalam tutorial belajar HTML cara membuat tabel HTML ini kita akan membahas cara penggunaannya.

Cara Membuat Tabel HTML dengan tag <table>, <tr> dan <td>

Untuk membuat tabel di HTML, kita membutuhkan setidaknya 3 tag, yaitu tag <table>, tag <tr>, dan tag <td>:

Tag <table> digunakan untuk memulai tabel
Tag <tr> adalah singkatan dari table row, digunakan untuk membuat baris dari tabel.
Tag <td> adalah singkatan dari table data, digunakan untuk menginput data ke tabel.

Agar lebih jelas, kita akan langsung menggunakan contoh kode HTML:

Contoh penggunaan tag <table>:

<!DOCTYPE html>
<html>
<head>
   <title>Penggunaan Tag Tabel</title>
</head>
<body>
<h1>Belajar Tag Tabel</h1>
<table border="1">
    <tr>
        <td>Baris 1, Kolom 1</td>
        <td>Baris 1, Kolom 2</td>
        <td>Baris 1, Kolom 3</td>
    </tr>
    <tr>
        <td>Baris 2, Kolom 1</td>
        <td>Baris 2, Kolom 2</td>
        <td> Baris 2, Kolom 3</td>
    </tr>
    <tr>
        <td> Baris 3, Kolom 1</td>
        <td> Baris 3, Kolom 2</td>
        <td> Baris 3, Kolom 3</td>
    </tr>
    <tr>
        <td> Baris 4, Kolom 1</td>
        <td> Baris 4, Kolom 2</td>
        <td> Baris 4, Kolom 3</td>
    </tr>
</table>
</body>
</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.

eBook HTML Uncover Duniailkom

Anda serius ingin menguasai HTML? Duniailkom telah menyusun eBook HTML Uncover. eBook ini membahas HTML dengan lebih detail dan lebih lengkap hingga fitur terbaru HTML5. Penjelasan lebih lanjut bisa ke: eBook HTML Uncover Duniailkom.

Jika ingin membuat tabel HTML menggunakan tag apa?

Untuk membuat tabel di dalam HTML, kita membutuhkan tag-tag berikut: Tag <table> Tag <thead> Tag <tbody>

Apa itu TH dan TD?

td (Table Data) : digunakan untuk membuat kolom dan disisipkannya data. tr ( Table Row) : digunakan untuk membuat baris table. th (Table Header) : fungsinya sama seperti tag td, tetapi terletak di baris pertama dan sebagai header dari table.

Apa fungsi tag table TR dan TD pada pembuatan tabel?

Untuk membuat suatu tabel minimal diperlukan tiga elemen tabel yaitu: 1. Tag Table : Sebagai awal pembuatan tabel. 2. Tag TR : Untuk mendefinisikan berapa banyak baris pada tabel 3. Tag TD : Untuk menampung sel data dari tabel tsb.