PEMROGRAMAN WEB: TAG TABLE DAN OBJEK Transparent Sexy Pink Heart

Sabtu, 27 April 2013

TAG TABLE DAN OBJEK

Pertemuan IV
Materi :
1.      Objek
2.      Atribut objek

v  Objek
Semua benda yang ada di dunia nyata dapat dianggap sebagai obyek , atau segala sesuatu yang dapat didiskripsikan/dicirikan.
Contoh :
1.      Rumah
2.      Sepeda motor
3.      Mobil
4.     Gelas
5.      Kompter
6.     Meja
7.     Mahasiswa
v  Atribut
Atribut dalam HTML adalah perintah yang disisipkan/ditempelkan pada tag utama yang tujuannya adalah mengatur bentuk dan gaya tampilan sebuah objek.
Contoh penggunaan atribut pada H1
<h1 align="center">Saya Belajar Tag HTML</h1>

Sebuah tag bisa menggunakan lebih dari satu atribut
Contoh :
<font size="3" face="arial" color="red">Merdeka atau Mati</font>

Tag <Table>
Banyak  informasi yang akan ditampilkan adalah informasi olahan yang berbentuk tabel, sehingga kita memerlukan format table  di dalam dokumen HTML. Format table dapat diwujudkan dengan menggunakan tag tabel <tabel>. Sedikit berbeda dengan tag lainnya, tag tabel ini memerlukan tag lainnya untuk menampilkan data dalam bentuk tabulasi. Berikut ini uraiannya :

Tag
Parent
Fungsi
<table>
</table>
---
tag utama
<caption>
</caption>
<table>
Menampilkan judul tabel
<tr></tr>
<table>
Tag baris
<th></th>
<tr>
Header table
<td></td>
<tr>
Tag sel-sel tabel

Berikut ini beberapa atribut tag tabel
Atribut
Fungsi
bgcolor
warna background
width, height
lebar dan tinggi tabel (dalam % atau pixel)
cellspacing
jarak antar cell
cellpadding
jarak teks ke cell
border
lebar garis batas, 0=tanpa garis batas

Berikut ini atribut tag-tag <th> dan <td>, bila disebutkan di tag <tr> maka atribut di tag <th> dan <td> diabaika
Atribut
Fungsi
bgcolor
warna background
width, height
lebar dan tinggi tabel (dalam % atau pixel)
align (left, right, center)
pengaturan posisi horisontal isi sel, rata kanan/kiri/tengah
valign (top, bottom, middle)
pengaturan posisi vertikal terhadap isi sel, di atas, bawah atau tengah
colspan=n
ekstensi (span) n kolom ke kanan
rospan=n
ekstensi (span) n baris ke bawah
nowrap
mematikan word wrapping