Cara Membuat Tabel Pada HTML (Tag table)

Tabel biasanya memiliki fungsi untuk tempat/menampilkan data secara terstruktur supaya data-data yang ditampilkan tersusun rapi, biasanya data yang ditampilkan di web browser berupa database. Untuk membuat tabel kita membutuhkan setidaknya 3 buah tag, di antaranya yaitu : tag <table>, tag <tr>, dan tag <td>.

Tag <table> berfungsi untuk memulai tabel, tag <tr> (table row) digunakan untuk membuat baris pada tabel, sedangkan tag <td> (table data) berfungsi untuk menginput data tabel.

Cara Membuat Tabel Pada HTML

Sebagai contohnya kita akan membuat sebuah dokumen HTML untuk menampilkan data pada sebuah tabel sederhana. Silakan anda buka text editor kemudian salin kode di bawah ini dan simpan dengan nama index.html


<!DOCTYPE html>
<html>
<head>
   <title>Belajar HTML dasar</title>
</head>
<body>
<h1>Contoh penggunaan tag tabel</h1>
<table border="1">
    <tr>
        <td>No.</td>
        <td>Nama Barang</td>
        <td>Harga Barang (Rp)</td>
    </tr>
    <tr>
        <td> 1.</td>
        <td> Laptop</td>
        <td> 5.000.000</td>
    </tr>
    <tr>
        <td> 2.</td>
        <td> Mouse</td>
        <td> 60.000</td>
    </tr>
    <tr>
        <td> 3.</td>
        <td> Keyboard</td>
        <td> 70.000</td>
    </tr>
 <tr>
        <td> 4.</td>
        <td> Printer</td>
        <td> 400.000</td>
    </tr>
</table>
</body>
</html>

blog maya smk tkj2

selamat datang

Jumat, 23 September 2016