locked
Belajar HTML Dasar Part 12: Cara Membuat tabel di HTML (tag table) RRS feed

 > 

  • Diskusi Umum

  • Discussion
    Masuk untuk Memilih
    0
    Masuk untuk Memilih

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

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    <!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>

    itulah cara mudah membuat table untuk situs anda (khusus pemula)
    Sabtu, 09 November 2019 06.36