Pengertian Tabel <table>
Seperti yang telah kita ketahui, tabel terdiri dari baris dan kolom. Pada HTML tabel dituliskan dengan tag table yang mempunyai baris tr (table rows) dan kolom td (table data) . Sebagai contoh, kita ingin membuat 1 tabel dengan 3 baris dan 2 kolom. contoh kode lihat dibawah ini.
<table> <tr> <td>baris 2 kolom 1</td><td>baris 2 kolom 2</td> </tr> <tr> <td>baris 1 kolom 1</td><td>baris 1 kolom 2</td> </tr> </table>
Hasilnya akan tampak seperti dibawah ini
| baris 1 kolom 1 | baris 1 kolom 2 |
| baris 2 kolom 1 | baris 2 kolom 2 |
Atribut pada tabel <table>
contoh menggunakan atribut pada tabel ebagai berikut.
<table align="center" border="2" cellpadding="0" cellspacing="0" width="100%"> <tr class="tirex"> <td bgcolor="red">baris 2 kolom 1</td><td width="60%>baris 2 kolom 2</td> <tr> </table>
berikut atribut yang bisa digunakan pada tag tabel.
align
mengatur posisi table, seperti mengatur teks.background
memberi background (gambar). atribut ini tidak valid dengan XHTML.bgcolor
memberi backgroung warna.atribut ini tidak valid dengan XHTML.border
memberi garis batas pada table dengan format angka.cellpadding
mengatur ruang (batas dalam) atara batas sel dengan isinya.cellspacing
mengatur ruang (batas) atara batas sel dengan sel yang lain.class
memberi class CSS yang telah didiklarasikan sebelumnya.style
memberi style dengan menuliskan langsung pada tag tables. contoh style="file.css"height
mengatur lebar(tinggi) sel. menggunakan angka seperti 100% atau 100px (pixel)width
mengatur panjang tabel, baris, atau sel. menggunakan angka seperti 100% atau 100px (pixel)
Menggunakan/memasukan gambar pada html
Gambar adalah sesuatu hal yang penting dalam menghiasi halaman HTML. Tanpa adanya gambar atau hiasan, halaman HTML akan tampak tidak hidup dan terkesan hampa.
Kita dapat menyisipkan gambar pada html dengan tag <img>. Gambar juga juga penting dalam penulisan sebuah artikel. Dengan gambar user akan lebih mudah memahami apa yang kita sampaikan. berikut contoh tag image.
<img src="gambar.jpg" border="0" />
Mengatur posisi gambar
untuk mengatur posisi gambar dapat kita gunakan atribut align (left, center atau right).
Posisi gambar di kanan
<img src="gambar.jpg" border="0" align="right" />
Posisi gambar di tengah
<img src="gambar.jpg" border="0" align="center" />
Posisi gambar di kiri
<img src="gambar.jpg" border="0" align="left" />
Sekian dulu Tutorial HTML kali ini. Semoga bermanfaat bagi para pembaca. Ikuti terus tutorial-tutorial menarik lainya.
