Cara Membuat Tabel di HTML


Pada tutotial kali ini kita akan membahas tentang cara membuat tabel di html.

Beberapa tag yang harus diingat untuk membuat tabel di HTML:

    1. Tag <table> untuk membungkus tabelnya
    2. Tag <thead> untuk membungkus bagian kepala tabel
    3. Tag <tbody> untuk membungkus bagian body dari tabel
    4. Tag <tr> (tabel row) untuk membuat baris
    5. Tag <td> (table data) untuk membuat sel
    6. Tag <th> (table head) untuk membuat judul pada header

Tag yang paling penting yang harus diingat adalah tag <table>, <tr>, dan <td>. Sementara tag yang lain adalah tambahan (opsional), boleh digunakan boleh tidak.

untuk itu langsung saja silahkan buat file denna ekstensi html kemudian ketikkan script dibawah ini :

<!DOCTYPE html>
<html>
<head>
    <title>Tabel</title>
</head>
<body>

    <h5>Cara membuat Tabel di html</h5>

    <table>
        <thead>
            <tr>
                <th>No</th>
                <th>Program Studi</th>
                <th>Jurusan</th>
                <th>Jenjang</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>1</td>
                <td>Teknik Informatika</td>
                <td>Teknik Informatika (TI)</td>
                <td>Stara Satu (S1)</td>
            </tr>
            <tr>
                <td>2</td>
                <td>Sistem Informasi</td>
                <td>Sistem Informasi (SI)</td>
                <td>Stara Satu (S1)</td>
            </tr>
            <tr>
                <td>1</td>
                <td>Manajemen Informatika</td>
                <td>Teknik Informatika (MI)</td>
                <td>Doploma Tiga (D3)</td>
            </tr>
        </tbody>
    </table>

</body>
</html>

jika sudah silahkan simpan kemudian  silahkan buka browser untuk melihat hasilnya.

Sekian dulu tutorial kali ini terima kasih.

No comments

Powered by Blogger.