Pada HMTL ada beberapa tag yang digunakan untuk membuat tabel, yaitu : <table>, <tr>, <th> <td>.
Saya akan jelaskan terlebih dahulu setiap tag nya :
<table> : Tag awal dalam pembuatan tabel pada HTML.
<tr> : Singkatan dari Table Row, tag ini digunakan untuk membuat baris pada tabel.
<th> : singkatan dari Table Head, tag ini digunakan untuk membuat bagian kepala tabel.
<td> : Singkatan dari Table Data, tag ini digunakan untuk membuat kolom dan untuk menampilkan data
Contoh pembuatan tabel :
<html>
<head>
<title> Belajar Membuat Tabel </title>
</head>
<body>
<table>
<tr>
<th> No </th>
<th> Nama </th>
<th> NPM </th>
</tr>
<tr>
<td> 1 </td>
<td> Rizal </td>
<td> 39114576 </td>
</tr>
<tr>
<td> 2 </td>
<td> Fatahillah </td>
<td> 39114908 </td>
</tr>
</body>
</html>
Hasilnya :
Hmm.. tidak terlihat seperti tabel yang kalian bayangkan bukan :D ? , sepertinya kurang garis tepi pada tabel.
Cara menambahkan garis tepi pada tabel, pada tag <table> cukup tambahkan atribut border dengan nilai =”1”(berapa saja asal jangan 0).
Kurang lebih jadi seperti ini : <tabel border =”1”>, coba run di browser lagi, maka hasilnya :
Nah yang ini baru ada garis tepinya hehehe. Oke saya jelaskan, atribut border berguna untuk memberikan garis tepi pada tabel, sedangkan nilai 1 adalah nilai ketebalan garis tersebut.
Mudah bukan membuat tabel pada HTML ? yap sangat mudah sekali …
Jika masih ada yang kebingungan silahkan tinggal kan komentar dikolom komentar ^^, Nantikan Artikel tentang HTML selanjutnya :D
0 komentar:
Posting Komentar