Belajar HTML (Part 4): HTML Tabel

Belajar HTML (Part 4): HTML Tabel

Belajar HTML (Part 1): HTML Dasar | Belajar HTML (Part 2): HTML Format Teks | Belajar HTML (Part 3): HTML Daftar Urutan | Belajar HTML (Part5): HTML Gambar | Belajar HTML (Part 6): HTML Hyperlink | Belajar HTML (Part 7): HTML Form | Belajar HTML (Part 8): HTML Frame

1. Element TABLE

Element TABLE befungsi untuk membuat suatu data multidimensi yang terdiri atas kolom dan baris. Element ini mempunyai attribute seperti align, bgcolor, border, cellpadding(jarak antara tepi sel dengan isi sel), cellspacing(jarak antara sel), width(lebar tabel), height(tinggi tabel). Element TABLE berisikan element CAPTION, TH, TR dan TD.

<table
align="left"|"center"|"right"
bgcolor="color"
border="pixel"
cellpadding="pixel"
cellspacing="pixel"
width="pixel"|"%"
height="pixel"|"%" >
........................
</table>

2. Element CAPTION

Element CAPTION berfungsi untuk membuat judul dari tabel. Element ini harus berada di dalam element TABLE dan mempunyai attribute align dengan nilai top(judul terletak di atas tabel), dan bottom(judul terletak di bawah tabel).

<caption align="top"|"bottom">
..........................
</caption>

3. Element TR (Table Row)

Element TR mendefinisikan baris pada tabel dan element ini harus berada di dalam element TABLE. Pada element TR terdapat element TH dan TD. Attribute yang terdapat pada element ini adalah align, valign(posisi vertikal), dan bgcolor.

<tr
align="left"|"center"|"right"
valign="top"|"middle"|"bottom"
bgcolor="color">
..........................
</tr>

4. Element TH (Table Header) dan TD (Table Data)

Element TH dan TD merupakan informasi pada tabel. TH mendefinisikan isi sel sebagai header sel pada kolom tabel dan datanya tercetak tebal dan dengan posisi ditengah sel. Element TH dan TD ini harus terletak di dalam element TR. Attribute kedua element ini adalah align, valign, bgcolor, colspan, rowspan

<th
align="left"|"center"|"right"
valign="top"|"middle"|"bottom"
bgcolor="color"
colspan="number"
rowspan="number">
..........................
</th>

<td
align="left"|"center"|"right"
valign="top"|"middle"|"bottom"
bgcolor="color"
colspan="number"
rowspan="number">
..........................
</td>

* http://hans.polinpdg.ac.id/html/

Anda baru saja selesai membaca artikel di EpulJapanese Blog yang berjudul: Belajar HTML (Part 4): HTML Tabel

dengan URL: http://epuljapaneseblog.blogspot.com/2010/11/belajar-html-part-4-html-tabel.html

Apabila anda menyukai artikel ini atau merasa bermanfaat silahkan bagikan artikel ini di Facebook, Google+ dan Twitter anda dengan meng-klik tombol-tombol Share yang ada diatas postingan ini.

Dapatkan artikel EpulJapanese Blog terbaru langsung ke email anda. Silahkan masukkan alamat email anda:

Related Post

Belajar HTML

• Belajar HTML (Part 8): HTML Frame
• Belajar HTML (Part 7): HTML Form
• Belajar HTML (Part 6): HTML Hyperlink
• Belajar HTML (Part 5): HTML Gambar
• Belajar HTML (Part 3): HTML Daftar Urutan
• Belajar HTML (Part 2): HTML Format Teks
• Belajar HTML (Part 1): HTML Dasar