Kode HTML Table Untuk Membuat Table di Website

Kode HTML Table

Kode HTML Table merupakan kumpulan kode yang berguna untuk membuat table pada halaman website baik blogspot, wordpress atau yang lainnya. Dengan menggunakan table pada halaman website akan memudahkan pembaca untuk mengetahui informasi  yang disampaikan. Seperti halnya anda dalam menyampaikan artikel yang memuat database perorangan atau wilayah. Menyajikannya menggunakan table jauh akan lebih mudah dipahami dan mudah untuk dibaca. Kode Table HTML meliputi <table>, <tr> dan <td>. Cara membuat table di blogger dan wordpress hanya membutuhkan 3 kode tersebut. Namun, jika anda ingin menambahkan efek lainnya, bisa dipadukan menggunakanKode CSS.

Untuk lebih memahami kode table HTML mungkin anda perlu tahu arti dari 3 tag diatas secara rinci. Agar tepat dalam penerapannya didalam website.

Tag <table> digunakan untuk memulai anda dalam membuat table. Jadi, awalan dalam membuat tabel harus dimulai dengan kode <table> dan ditutup dengan </table>.

Tag <tr> singkatan dari table row digunakan untuk membuat kolom dalam table. Sehingga, nantinya tabel akan memiliki beberapa kolom didalamnya. Penggunaan kode ini diahiri dengan tag </tr>.

Baca Juga :  Harvest Moon Remake Untuk Nintendo Switch

Tag <td> merupakan kepanjangan dari table data. Digunakan untuk mengisi konten didalam table. Nantinya kode ini diisi dengan apa yg ingin anda tulis didalam table tersebut. Penggunaan tag ini diahiri dengan </td>.

Mudah bukan untuk membuat halam table di HTML ? hanya membutuhkan 3 tag utama diatas. Untuk penerapannya jauh lebih mudah, berikut adalah contoh penggunaan Kode HTML Kode sederhana.

<!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>
Kode HTML Table

Diatas merupakan contoh penerapan kode tag table di halaman HTML. Penempatan kode tag <table>, <tr> dan <td> selalau berurutan kebawah untuk setiap table yang ingin dibuat. Table diatas menggunakan Table Border =1 jika anda ingin membuatnya lebih lebar, bisa mengubah angka 1 dengan yang anda inginkan.

Baca Juga :  Sinopsis Hello World Subtitle Indonesia Lengkap

Demikian ulasan mengenai Kode HTML Table Untuk Membuat Table di Website, mudah  bukan ? diatas merupakan table simple yang bisa anda coba buat. Untuk mengembangkannya, anda bisa menggabungkan dengan kode CSS agar tampilannya lebih menarik.

 

Facebook Comments

Recommended For You

About the Author: Optimalkan.com

Hanya seorang yang menyukai dunia teknologi dan aktif menulis di Optimalkan.com