Membuat Tabel HTML
Tabel ialah sebuah struktur yang memang digunakan untuk menampilkan informasi dalam bentuk baris dan juga kolom. pada HTML, untuk dapat membuat tabel menggunakan tag <table> utuk membuat table, <tr> untuk membuat baris dengan menaggunakan <td> untuk membuat kolom.
Untuk lebih menmgenal lagi dalam pembuatan table pada HTML berikut ini akan kami sajikan penjelasan tentang tag yang terlibat dalam pembuatan table pada HTML.
- <table> merupakan sebuah tag pembuka dalam membuat sebuah table pada HTML, tanpa <table>, Maka penggunaan <tr> dan <td> tidak dapat difungsikan dengan baik.
- <tr> dikenal dengan table row merupakan sebuah tag yang digunakan untuk dapat membuat baris dalam table HTML.
- <td> dikenal dengan table data yang merupakan tag yang dipergunakan untuk dapat membuat kolom dalam baris dan juga untuk menampilkan data dalam table.
- <th> Dipergunakan untuk dapat membuat table head atau bagian kepala pada table.
Berikut ini adalah contoh dalam pembuatan table pada HTML berikut :
<!DOCTYPE html> <html> <head> <title>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>
Dengan contoh yang telah kami berikan Kalian akan dapat lihat sendiri fungsi dari pada masing-masing tag yang sudah sebelumnya dibahas. Akan tetapi, pada tag table kami memberikan atribut border=’1′. atribut border ini akan digunakan untuk memberika garis tepi pada table dan juga nilai 1 ini merupakan nilai dari garis tepi pada tabel yang kita buat tadi.
Tabel ialah sebuah struktur yang memang digunakan untuk menampilkan informasi dalam bentuk baris dan juga kolom. pada HTML, untuk dapat membuat tabel menggunakan tag <table> utuk membuat table, <tr> untuk membuat baris dengan menaggunakan <td> untuk membuat kolom.
- <table> merupakan sebuah tag pembuka dalam membuat sebuah table pada HTML, tanpa <table>, Maka penggunaan <tr> dan <td> tidak dapat difungsikan dengan baik.
- <tr> dikenal dengan table row merupakan sebuah tag yang digunakan untuk dapat membuat baris dalam table HTML.
- <td> dikenal dengan table data yang merupakan tag yang dipergunakan untuk dapat membuat kolom dalam baris dan juga untuk menampilkan data dalam table.
- <th> Dipergunakan untuk dapat membuat table head atau bagian kepala pada table.
<!DOCTYPE html> <html> <head> <title>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>
Dengan contoh yang telah kami berikan Kalian akan dapat lihat sendiri fungsi dari pada masing-masing tag yang sudah sebelumnya dibahas. Akan tetapi, pada tag table kami memberikan atribut border=’1′. atribut border ini akan digunakan untuk memberika garis tepi pada table dan juga nilai 1 ini merupakan nilai dari garis tepi pada tabel yang kita buat tadi.
Berikut ini merupakan sebuah contoh dalam membuat tabel HTML dengan menggunakan tag head atau bagian kepala tabel.contoh.
<html>
<!DOCTYPE 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>Apri</td>
<td>Karawang</td>
</tr>
<tr>
<td>2</td>
<td>Wido</td>
<td>Purwakarta</td>
</tr>
<tr>
<td>3</td>
<td>Vevi</td>
<td>Karawang</td>
</tr>
</table>
</body>
</html>
No comments:
Post a Comment