Saturday, April 30, 2016

Praktek 2.5 Membuat Atribut Width pada Tabel

Atribut width dapat digunakan untuk tag tabel (tag table) maupun untuk tag kolom (tag th, tag td, maupun tag col). Jika diletakkan pada tag tabel, atribut ini berfungsi untuk mengatur lebar tabel secara keseluruhan. Namun jika diletakkan pada tag th atau td, atribut ini akan berfungsi untuk mengatur lebar kolom.

Untuk “memaksa” web browser menampilkan lebar tabel sesuai dengan yang diinginkan, kita dapat menambahkan atribut width pada tag table, seperti contoh berikut:


<html>
<head>
<title>Contoh Tabel</title>
</head>
<body>
<table border=1 cellspacing=5 width=100%>
<tr>
<td>
Ini adalah tabel 1 baris, 1 kolom
</td>
</tr>
</table>
</body>
</html>

Screenshotnya seperti di bawah ini:

Setelah itu simpan dengan cara klik menu File, lalu klik Save As.

Simpan di drive dan folder yang anda kehendaki. Ketik nama file yang ingin anda simpan sesuai keinginan anda, tapi simpan dengan tambahan ekstensi .html. Setelah itu klik Save untuk menyimpan.

Buka file yang telah anda simpan tadi dengan cara double klik pada file di mana tempat anda menyimpan file tadi.


Akan muncul aplikasi browser dan tampilannya seperti di bawah ini.

Sekian dan terima kasih semoga bermanfaat bagi pembaca.

No comments:

Post a Comment