Pages

Kamis, 13 Januari 2011

CARA MEMBUAT TABEL PADA HTML

HTML merupakan bahasa pemrograman bebasis web yang dapat kita gunakan untuk membuat desain suatu web. Nah, tutorial HTML yang akan saya berikan untuk postingan ini adalah mengenai cara membuat tabel HTML, sebenarnya tutorial belajar HTML ini dapat kita temui di w3schools.com, tapi berhubung tutorial ini berguna untuk edit-edit template blog (berhubungan dengan blogging) jadi saya posting aja disini .

Berikut Kode HTML yang akan kita gunakan untuk membuat tabel html:

– merupakan tag awal, sebagai penanda awal dan menjadi akhir dari suatu pembuatan tabel.

– merupakan tag yang berfungsi untuk menandakan suatu baris yang ada di dalam tabel

– merupakan tag yang berguna untuk membagi baris tabel untuk menjadi beberapa kolom.



Dan dari tag tersebut memiliki atribut seperti di bawah ini:

bgcolor - untuk warna backgorund dari tabel

background - ini dpaat kita gunakan apabila ingin membuat background tabel di ambil dari suatu gambar

width – berguna sebagai atribut untuk menentukan lebar tabel

height – menentukan tinggi tabel

align - atribut yang berguna untuk mengatur perataan horizontal

valign – atribut yang berguna untuk mengatur perataan vertikal

border - atribut ini berguna sebagai atribut untuk menentukan lebar bingkai pada tabel

cellspacing – atribut untuk menentukan jarak antar kolom

cellpadding – menentukan jarak antara isi dengan tepi kolom (bisa di bilang margin)

colspan – atribut yang berguna untuk menentukan berapa kolom tabel yang akan digabung

cowspan – atribut yang berguna untuk menentukan berapa baris yang akan digabung

Sebagai contoh dari penggunaan tabel, dapat dilihat melalui beberapa contoh tabel dan coding html nya:















Ini kolom pertama Ini kolom kedua
Ini kolom pertama baris kedua Ini kolom kedua baris

kedua





———————————————————————




BORDER=”1″>













Ini kolom pertama Ini kolom kedua
Ini kolom pertama baris kedua Ini kolom kedua baris kedua





———————————————————————
















Ini kolom pertama

Ini kolom kedua
Ini kolom pertama baris kedua
align=”right”>Ini kolom kedua baris kedua



———————————————————————

















bgcolor=”#009900″ width=”70%”>
Ini kolom pertama

background=”background.gif” width=”30%”>

Ini kolom kedua
Ini kolom pertama baris

kedua
Ini kolom kedua baris kedua



———————————————————————

















bgcolor=”#009900″ width=”70%”>
Ini kolom pertama

background=”background.gif” width=”30%”>

Ini kolom kedua
Ini kolom pertama baris

kedua
Ini kolom kedua baris kedua



———————————————————————


CELLSPACING=”5″>











Ini kolom

gabungan

valign=”top”>Ini kolom pertama baris kedua
Ini kolom kedua

baris kedua


———————————————————————














bgcolor=”#009900″ width=”70%” ROWSPAN=”2″>

Ini kolom pertama gabungan

background=”background.gif” width=”30%”>
Ini kolom kedua
Ini kolom kedua baris kedua

3 komentar:

T. Khairil Ahsyar mengatakan...

Tugasnya ga' jelas... ga' dirapiin pada saat copy-paste. Seharusnya di ketik sendiri dan langsung dibuat hasilnya...!!! kalo mo tinggi penilaiannya, harus dirapiin lagi, biar mudah dibaca dan dipahami...!!! Jangan lupa masukkan daftar link blog Kakak dan daftarkan blog kamu di follower K"...!!!

Cygnus mengatakan...
Komentar ini telah dihapus oleh penulis.
meydhi wiratamara mengatakan...

kita juga punya nih artikel mengenai 'Tabel HTML', silahkan dikunjungi dan dibaca , berikut linknya
http://repository.gunadarma.ac.id/bitstream/123456789/7036/1/0000010372-_Jurnal_STIK_dty_20120710.pdf
terimakasih
semoga bermanfaat

Poskan Komentar


Mau punya buku tamu seperti ini?
Klik di sini (Info Blog)