2608 Views

Belajar Pemrograman HTML & CSS (Part 9) – Tabel

html css jquery javascript

hai.. semua sobat belajar hebat bertemu lagi dengan saya. kali ini kita akan membahas cara membuat tabel di html. Untuk membuat tabel di HTML, kita membutuhkan setidaknya 3 tag, yaitu tag <tabel>, tag <tr>, dan tag <td>:

 

 

Tag <tabel> 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 <tabel>:

<!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>

maka hasilnya menjadi berikut:

tabel-html

 

 

 

 

 

 

pada bagian tag tabel terdapat attribut border. attribut border berfungsi untuk memberi garis pada tabel

sekian dari saya semoga bermanfaat bagi anda semua

SALAM HEBAT

Share
You can leave a response, or trackback from your own site.

Leave a Reply