20 March 2010

CARA MEMBUAT TABEL PADA POSTING

 Nah saya sekarang ingin membahas tentang kode CSS yang biasa digunakan untuk cara membuat tabel.
Mungkin bisa langung saja.

Berikut ini adalah kode CSS tag HTML yang biasanya digunakan, berikut keterangannya :
align = left|center|right posisi yang berkaitan dengan dokumen atau isi
background = url gambar backgroud tabel
bgcolor = warna dari background tabel
border = pixel lebar perbatasan
cellspacing = nilai perbatasan antara ruang dan isi sel
cellpadding = nilai ruang antara sel
frame = void|above|below|hsides|lhs|rhs|vsides|box|border menunjukkan bahwa sekitar perbatasan tabel
above : hanya attribut
below :
border , box : empat sisi
lhs : hanya sebelah kiri
void : none (ini adalah nilai per sel)
rules = none|groups|rows|cols|all semua ujung-ujungnya internal sampel
all : antara baris dan kolom
cols : hanya antara kolom
groups : antara kelompok (thead, TFOOT, tbody, dll)
none : rows : hanya antara baris
summary = ringkasan teks untuk digunakan dengan browser di visual --
width = nilai atau persentase yang menunjukkan lebar
Selain itu terdapat sejumlah tag "opsional"
CAPTION membuat keterangan khusus untuk judul
Tbody mengidentifikasi tubuh dari tabel (isi)
Thead mengidentifikasi head
TFOOT mengidentifikasi kaki halaman
CSS properti khusus untuk tabel:
border-spacing: size
Menunjukkan jarak yang memisahkan Tepi-tepi cell berdekatan. Jika Anda menentukan ukuran ini memberikan ruang vertikal dan horisontal.

border-collapse: collapse | separate
Ditentukan akan dianggap sebagai ujung-ujungnya dari dua Cell

empty-cells: show | hide
Mengontrol perbatasan di sekitar mereka dalam Celda yang tidak terlihat konten

table-layout: auto | fixed
Serta untuk menentukan ukuran gambar memungkinkan browser memuat halaman dengan lebih cepat, penggunaan atribut lebar dan tinggi properti dari gaya sesuai untuk mengatur lebar dan tinggi dari setiap elemen tabel substansial meningkatkan kecepatan pada berisi semua data yang banyak itu sendiri.
Contoh Cara Membuat Table
Baris 1 Kolom 1 Baris 1 Kolom 2 Baris 1 Kolom 3
Baris 2 Kolom 1 Baris 2 Kolom 2 Baris 2 Kolom 3
kode membuat table

<table style="table-layout: fixed;" align="center" border="1" cellpadding="5" cellspacing="2">
<col style="background-color: chocolate; color: white; font-size: 0.8em;" width="130">
<col style="background-color: yellow; color: black;" width="150">
<col style="background-color: salmon; color: white; text-align: center;" width="180">
<tbody>
<tr><td>Baris 1 Kolom 1</td>
<td>Baris 1 Kolom 2</td>
<td>Baris 1 Kolom 3</td>
</tr>
<tr><td>Baris 2 Kolom 1</td>
<td>Baris 2 Kolom 2</td>
<td>Baris 2 Kolom 3</td>
</tr></tbody></table>


Sumber dari blog :kulpang blog

Artikel Terkait:

info
CARA MEMBUAT TABEL PADA POSTING
    Label: , , |

    0 komentar:

    Post a Comment

    Subscribe to: Post Comments (Atom)

    Iklan