FORMAT TABLE

Format table

HTML juga menyediakan Tabel tag digunakan untuk menampilkan data dalam bentuk tabel. Untuk menampilkan table, ada beberapa format yang dapat dibuat. Dalam praktikum ini, kami membuat table dimana di dalamnya ditampilkan garis pemisah. Pada praktikum ini dengan tag < table border=”2″ align=”center” width=”40%” >. Agar membuat tampilan tag terletak di tengah. Ditambah juga tag < td bgcolor=”#eeeeee” > untuk memberikan warna pada table.

Contoh Coding

<h1>Harga Buah</h1>
<table border=”2″ align=”center” width=”40%”>
<tr bgcolor=”#b2dfdb”>
<th>Nama Buah</th>
<th>Harga/kg</th>
</tr>
<tr>
<td bgcolor=”#eeeeee”> Aple</td>
<td bgcolor=”#eeeeee”>Rp.8.000,-</td>
</tr>
<tr>
<td bgcolor=”#eeeeee”>Jeruk</td>
<td bgcolor=”#eeeeee”>Rp.7.500,-</td>
</tr>
<tr>
<td bgcolor=”#eeeeee”>Kelengkeng</td>
<td bgcolor=”#eeeeee”>Rp.10.000,-</td>
</tr>
<tr>
<td bgcolor=”#eeeeee”>Anggur</td>
<td bgcolor=”#eeeeee”>Rp.12.000,-</td>
</tr>
</table>

Hasil Screenshot

 

Kesimpulan

Kesimpulan yang dapat diambil adalah dalam menampilkan table ada beberapa cara dan juga ada beberapa format. Pada praktikum ini bentuk table yang ditampilkan berbeda dengan praktikum sebelumnya. Jika pada praktikum sebelumnya hanya menampilkan data table tanpa warna dan kolom atau garis pemisah, maka pada praktikum ini tampilannya terdapat warna dan juga kolom. Selain itu juga table berada di tengah halaman.

 


Leave a Reply