Cara Membuat Tabel Pada HTML

Assalamualaikum Wr. Wb.

Selamat datang di ProgramPc pada postingan kali ini saya akan menjelaskan Cara Membuat Tabel Pada HTML.

Tabel berfungsi untuk menampilkan menampilkan suatu informasi dalam baris dan kolom.

Untuk membuat tabel pada HTML maka anda harus menggunakan tag <table>, tag <td> untuk membuat kolom, dan tag <tr> untuk membuat baris.

Untuk lebih jelasnya tag <table> adalah tag pembuka dalam pembuatan table, tanpa tag <table> maka tag <td> dan tag <tr> tidak bisa difungsikan dengan baik.

Coba buka dan buat file baru di aplikasi text editor anda (disini saya menggunakan notepad++), lalu buat file seperti ini.

<html>
    <head>
 <title>Belajar membuat tabel</title>
    </head>
<body>
 <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>
 </table>
</body>
</html>

Save file tersebut dengan nama tabel.html, lalu buka dengan menggunakan Mozilla Firefox atau browser yang anda miliki, maka hasil akan terlihat seperti berikut.

Dari contoh diatas anda bisa simpulkan fungsi dari masing-masing tag. Namun diatas saya menambahkan atribut border="1", fungsi atribut tersebut adalah menambahkan garis tepi pada tabel yang kita buat (border="0" jika tidak ingin menggunakan garis tepi).

Cukup sekian penjelasan dari saya, kurang lebihnya mohon maaf apabila ada kesalahan penulisan.

Wassamualaikum Wr. Wb.

ProgramPC

Cara Membuat Tabel Pada HTML

Unknown

Artikel Terkait