Cara membuat tabel pada html

Cara Membuat Tabel Pada HTML


Membuat table pada HTML

Tabel adalah struktur yang digunakan menampilkan informasi dalam bentuk kolom & baris . membuat table pasti menggunakan tag , < table > membuat table ,< tr > membuat baris ,< td > membuat kolom.

Baca Juga : Cara Membuat Paragraf Pada HTML

Penjelasan tag dalam pembuatan table pada HTML 

  • < table > merupakan tag pembuka dalam sebuah table , tanpa < table > ini pengguna tag <tr>,<td> tidak bisa berfungsi / eror dalam html  
  • < tr > table row merupakan tag digunakan untuk mebuat baris 
  • < td > table data tag digunakan untuk mebuat kolom dalam baris
  • < th > membuat table head / bagian kepala pada table

Contoh Pembuatan table HTML :

<html>
<head>
<title>belajar membuat tabel di html</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>
<tr>
<td>baris 4/ kolom 1</td>
<td>baris 4/ kolom 2</td>
<td>baris 4/ kolom 3</td>
</tr>
</table>
</body>
</html>



Kalian bisa lihat sendiri fungsi dari masing-masing tag yang sudah di bahas diatas , dan berikut saya membuat table html dengan menggunakan tag head/bagian kepala table :

 
<html>
<head>
<title>belajar membuat tabel di html</title>
</head>
<body>
<table border="1">
<tr>
<th>No</th>
<th>Nama</th>
<th>Alamat</th>
</tr>
<tr>
<td>1</td>
<td>Selamat</td>
<td>Bima</td>
</tr>
<tr>
<td>2</td>
<td>Andi</td>
<td>Ogan</td>
</tr>
<tr>
<td>3</td>
<td>Budianduk</td>
<td>Ulu Ogan</td>
</tr>
</table>
</body>
</html>


 

Semoga bermanfaat buat kalian baru mau belajar coding HTML :) 

Tutorial Dasar Lainnya bisa kalian baca


 

0 komentar