Download to read offline
dasar pemograman web 2 tabel html untuk kelas x
- 2. Membuat Tabel HTML •Tabel banyak digunakan untuk menampilkan sebuah informasi • yang lebih ringkas dan mudah dibaca. Untuk membuat tabel digunakan • tag awal <table> dan tag akhir </table>. Tag<table> memiliki beberapa
- 3. bagian penting, yaitu: 1.<caption> … </caption> digunakan untuk membentuk judul tabel. Judul tabel ini akan terletak di luar tabel, bisa dibagian atas atau di bagian bawah. 2. <th> … </th> digunakan untuk meletakkan judul tabel di bagian paling atas atau paling kiri dari suatu tabel. Tabel header akan dicetak dalam huruf tebal. 3. <tr> … </tr> dipakai untuk membentuk garis pada suatu tabel. 4. <td> … </td> digunakan sebagai tempat menulis data atau informasi dalam tabel.
- 4. Atributtag<table> Keterangan Align Posisihorizontal tabel Background Menentukan gambar latar belakang tabel Bgcolor Menentukan warna latar belakang tabel Border Menentukan tebal bingkai tabel Bordercolor Menentukan warna bingkai tabel bordercolorlight Menentukan warna depan bingkai tabel bordercolordark Menentukan warna bayangan bingkai tabel cellspacing Menentukan jarak spasi antar sel cellpadding Menentukan jarak isi sel dengan bingkai height Menentukan tinggi tabel width Menentukan lebar tabel valign Menentukan posisi vertikal teks dalam sel
- 5. • <html> • <head> •<title>Format Font </title> • </head> • <body>Tabel Colspan • <table border=“1” cellspacing="2" width="50%"> • <tr><td colspan="3" align="center" BGCOLOR="yellow"> • Quarter 1</td></tr> • <tr><td>Januari</td><td>Februari</td> • <td BGCOLOR="skyblue"> Maret</td></tr> • </table> • <br> • Tabel Rowspan • <table border="1" cellspacing="3" width="40%"> • <tr BGCOLOR="yellow"><td rowspan="3">Quarter- • 1</td><td>Januari</td></tr> • <tr><td align="center">Februari</td></tr> • <tr><td align="left" • BGCOLOR="skyblue">Maret</td></tr></table> • </body> • </html>