Tabel seringkali digunakan pada sebuah dokumen baik itu
dokumen resmi maupun dokumen pada web, biasanya tabel berisikan barisan barisan
data. Pada kesempatan kali ini saya akan berbagi mengenai bagaimana cara
membuat sebuah tabel yang berisikan data pada sebuah dokumen html.
pertama kita akan bahasa mengenai elemen yang ada di tabel
pada html, lihat gambar berikut ini :
<tr></tr> = table row, berisikan barisan data
yang berkaitan.
<th></th> = table head, judul dari data pada tabel.
<td></td> = table data, data yang dimasukan atau
ditampilkan pada tabel.
Berikut ini merupakan script html untuk membuat tabel :
<html>
<head>
<title>Membuat Tabel</title>
</head>
<body>
<head>
<title>Membuat Tabel</title>
</head>
<body>
<center>
<h2>Daftar Siswa</h2>
</center>
<table border=1 cellpadding=5 align="center" >
<tr>
<th>No</th>
<th>Nama</th>
<th>Kelas</th>
<th>Alamat</th>
</tr>
<th>Nama</th>
<th>Kelas</th>
<th>Alamat</th>
</tr>
<tr>
<td>1</td>
<td>Rizky</td>
<td>XII MM1</td>
<td>Pamulang</td>
</tr>
<td>1</td>
<td>Rizky</td>
<td>XII MM1</td>
<td>Pamulang</td>
</tr>
<tr>
<td>2</td>
<td>Imam</td>
<td>XII MM1</td>
<td>Bogor</td>
</tr>
<td>2</td>
<td>Imam</td>
<td>XII MM1</td>
<td>Bogor</td>
</tr>
<tr>
<td>3</td>
<td>Hendry</td>
<td>XII MM2</td>
<td>Serpong</td>
</tr>
<td>3</td>
<td>Hendry</td>
<td>XII MM2</td>
<td>Serpong</td>
</tr>
</body>
</table>
</html>
</table>
</html>
Keterrangan :
<table border=1 cellpadding=5 align="center"
>
Border=1 : ketebalan garis dari tabel adalah 1px.
Cellpadding=5 : jarak antara tulisan dengan garis tabel
adalah 5px.
Align=”center” : posisi tabel berada pada tengah dokumen.
Sekian tutorial singkat ini, semoga dapat membantu para
pemula yang ingin mendalami dunia web
0 comments:
Post a Comment