Assalamualaikum wr. wb.
Pada kesempatan kali ini saya akan menjelaskan tentang pembuatan Check Box pada file HTML. Tabel merupakan cara untuk menampilkan informasi dalam halaman web dengan bentuk kolom dan baris. Untuk membuat tabel dalam dokumen HTML, kita dapat menggunakan tag <TABLE>. Dalam 1(satu) tabel terdiri atas baris dan kolom. Elemen pendukung dalam pembuatan tabel di dokumen HTML adalah :
1. Table Heading :diwakili dengan tag <TH>, digunakan untuk memberikan judul kolom pada
1. Table Heading :diwakili dengan tag <TH>, digunakan untuk memberikan judul kolom pada
tabel.
2. Table row :merupakan penyusun baris pada tabel. Diwakili dengan tag <TR>.
3. Table Data :adalah bagian yang digunakan untuk mengisikan informasi yang akan
ditampilkan di web browser. Diwakili dengan tag <TD>. Table data selalu berada
di dalam table row. Biasa disebut kolom.
Sebagai contoh, buatlah file html dengan script sebagai berikut:
<html>
<head>
<title>html tabel</title>
</head>
<body background="gambar\stadium.jpg">
<font color="white">
<h3>html tabel</h3>
<hr>
<table border="1" >
<caption><b>Daftar pemain Juventus</b></caption>
<tr bgcolor="yellow">
<th width="40">No
<th width="150">Nama
<th width="200">Asal
<tr>
<td>1.
<td>Gianluigi Buffon
<td>Italia
<tr bgcolor="sky blue">
<td>2.
<td>Alvaro Morata
<td>Spanyol
<tr>
<td>3.
<td>Paul Pogba
<td>Prancis
<tr bgcolor="sky blue">
<td>4.
<td>Paulo Dybala
<td>Argentina
</table>
<br><br>
<img src="gambar\juve.jpg">
</body>
</html>
<head>
<title>html tabel</title>
</head>
<body background="gambar\stadium.jpg">
<font color="white">
<h3>html tabel</h3>
<hr>
<table border="1" >
<caption><b>Daftar pemain Juventus</b></caption>
<tr bgcolor="yellow">
<th width="40">No
<th width="150">Nama
<th width="200">Asal
<tr>
<td>1.
<td>Gianluigi Buffon
<td>Italia
<tr bgcolor="sky blue">
<td>2.
<td>Alvaro Morata
<td>Spanyol
<tr>
<td>3.
<td>Paul Pogba
<td>Prancis
<tr bgcolor="sky blue">
<td>4.
<td>Paulo Dybala
<td>Argentina
</table>
<br><br>
<img src="gambar\juve.jpg">
</body>
</html>
Bukalah file tersebut pada browser, dan hasilnya adalah sebagai berikut:
Demikianlah sedikit penjelasan tentang bagaimana membuat Tabel pada file HTML. Semoga bermanfaat, Salam
sukses...
0 comments: