Seperti yang kalian ketahui, table merupakan sebuah struktur yang digunakan untuk menampilkan informasi dalam bentuk sebuah baris dan kolom. Didalam HTML, untuk pembuatan table menggunakan tag <table>, dan menggunakan tag <tr> untuk membuat sebuah baris <td> untuk membuat sebuah kolom.
Tidak mengurangi rasa keinginan kami, maka kami akan memberikan sebuah penjelasan tag yang akan di ikut sertakan dalam pembuatan table. pada HTML.
Tag <table> adalah tag pembuka dalam pembuatannya membuat sebuah table didalam HTML, tanpa <table> ini, penggunaan tag <tr> dan <td> tidak dapat digunakan dengan baik. <tr> atau dikenal dengan nama table row adalah tag yang digunakan untuk membuat sebuah s dalam table HTML. <td> atau dapat dikatakan sebagai table data yang merupakan tag yang dalam fungsinya digunakan untuk membuat sebuah kolom dalam baris. Serta tag <th> untuk membuat table head atau bagian pada kepala table.
Berikut Contoh nya :
<!DOCTYPE html>
<html>
<head>
<title>BERITA HCI - Beritanya Anak Terbaik</title>
</head>
<body>
<table border="1">
<tr>
<td>1 baris / 1 kolom</td>
<td>1 baris / 2 kolom</td>
<td>1 baris / 3 kolom</td>
</tr>
<tr>
<td>2 baris / 1 kolom</td>
<td>2 baris / 2 kolom</td>
<td>2 baris / 3 kolom</td>
</tr>
<tr>
<td>3 baris / 1 kolom</td>
<td>3 baris / 2 kolom</td>
<td>3 baris / 3 kolom</td>
</tr>
<tr>
<td>4 baris / 1 kolom</td>
<td>4 baris / 2 kolom</td>
<td>4 baris / 3 kolom</td>
</tr>
</table>
</body>
</html>
Selanjutnya kami akan menambahkan atribut border='1'. atribut border ini dapat digunakan untuk memberikan garis pada table dan nilai 1 ini adalah nilai garis tepi pada table yang sudah di buat tadi ( 1 untuk membuat garis. Dan 0 jika tidak menginginkan sebuah garis).
Selanjutnya adalah contoh didalam pembuatan table HTML dengan menambahkan tag head atau bagian dari pada kepala table.
<!DOCTYPE html>
<html>
<head>
<title>BERITA HCI - Beritanya Anak Terbaik</title>
</head>
<body>
<table border="1">
<tr>
<th>No</th>
<th>Nama</th>
<th>Alamat</th>
</tr>
<tr>
<td>1</td>
<td>Apri Nurrohmat</td>
<td>Karawang</td>
</tr>
<tr>
<td>2</td>
<td>Hiro Ito</td>
<td>Karawang</td>
</tr>
<tr>
<td>3</td>
<td>Vevi</td>
<td>Karawang</td>
</tr>
</table>
</body>
</html>
Dengan demikian pe,bahasan untuk belajar membuat sebuah table dengan HTML, sudah di selesaikan. Semoga artikel ini dapat bermanfaat untuk kalian semua.
Jika, ingin lebih mantap lagi dalam membuat table kami sarankan untuk kalian belajar yang namanya CSS dasar.
No comments:
Post a Comment