Tutorial Belajar HTML

Cara Membuat Tabel di HTML – Tag Table

Written by adies

Setelah kita membahas tag image pada tutorial sebelumnya kini kita akan membahas Cara Membuat tabel di HTML
Tabel biasanya digunakan untuk menempatkan data secara spreadset, tapi untuk desain suatu web, selain untuk menempatkan data, tabel digunakan untuk merapikan teks, gambar ataupun bagian tertentu, misalnya tabel untuk bagian header atau footer.
HTML menyediakan Tag Table digunakan untuk menampilkan data dalam bentuk tabel, agar tabel bisa terbentuk tag table juga harus dilengkapi oleh tag <tr> dan <td>. Bagaimana cara membuatnya ikuti tutorialnya dibawah ini

Tag membuat tabel di html

Adapun tag-tag yang digunakan untuk membuat suatu tabel adalah :

Tag TABLE

Tag table adalah Tag utama digunakan untuk memberitahu browser bahwa “ini adalah tabel”, bersama dengan beberapa atribut seperti ukuran, lebar border dan beberapa hal lagi. Contoh Tag <TABLE>..</TABLE>

Tag TR

Baris Tabel, yaitu baris-baris pada suatu tabel, yang dinyatakan dalam pasangan tag <TR>..</TR>

Tag TD

Data tabel, yaitu tempat dimana informasi/data dimasukkan dalam tabel. tabel data adalah colom dari suatu baris tabel.
tabel data dinyatakan dengan tag <TD>..</TD>

Tag TH

Judul tabel, biasnya terletak di bagian paling atas atau paling kiri dari suatu tabel. Tabel header yang terletak di bagian atas
adalah judul kolom tabel, sedang tabel header yan terletak di bagian kiri adalah judul baris tabel. Tag yang digunakan
adalah <TH>…</TH>

Tag CAPTION

Judul tabel yang terletak diluar tabel biasanya di bagian atas/bawah tabel. tag <CAPTION>..</CAPTION>

Membuat tabel di HTML degan tag table, tr, td

Untuk membuat suatu tabel minimal diperlukan tiga elemen tabel. Tag TABLE digunakan sebagai awal pembuatan tabel, tag TR digunakan untuk mendifinisikan berapa banyak baris pada tabel, dan tag TD digunakan untuk menampung sel data dari tabel tersebut.

Contoh membuat tabel di html

<!DOCTYPE html>
<html>
<head>
<title>Tag Tabel</title>
</head>
<body>
<h1>Membuat 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>

Didalam kode html untuk memuat tabel diatas ada terdapat atribut border, atribut ini digunakan untuk membuat garis tepi tabel. Ukuran nya bisa 1, 2 ataupun angka lainnya.
Sampai disini Kita sudah bisa membuat contoh tabel dalam html, untuk tag lainnya seperti tag th, caption, saya akan membahas tag ini didalam tutorial html lanjutan disini Cara Membuat Judul Kolom Di Header Tabel HTML dan caption disini Cara Membuat Judul Tabel HTML Menggunakan Tag Caption

Dalam php dan mysql biasanya tabel digunakan untuk tempat menampilkan data dari dalam database kamu bisa melihat contohnya disini Cara Menampilkan Data Pada Tabel dan disini menampilkan data mahasiswa dari dalam database
setelah membuat tabel apa lagi? kita bisa langsung belajar membuat form menggunakan tag form

cara membuat html

About the author

adies

Ada Komentar?

×