Minggu, 23 Juni 2013

Kode HTML untuk membuat tabel

Untuk membuat tabel minimal tersusun dari 3 tag dasar, yaitu :
tag "<table>" untuk menandai sebuah tabel,
tag "<tr>" untuk membentuk baris, dan
tag "<td>" untuk membentuk kolom.
Jangan lupa berikan tag penutup untuk setiap tag.
Satu tabel terdiri dari satu atau beberapa baris dan satu baris terdiri dari satu atau beberapa kolom.
Sehingga dapat ditulis komposisi dasarnya :
<table>
 <tr>
  <td>...</td>
 </tr>
</table>
Perlu diketahui bahwa apabila menggunakan tag "<table> </table>", tabel yang terbentuk tidak ada bingkainya.
Agar terlihat bingkainya harus ditambahkan kodenya :
<table border=...>
 <tr>
  <td>...</td>
 </tr>
</table>

Selain itu bisa juga ditambahkan dengan kode-kode berikut :

KodeKeteranganNilai
  cellspacing  mengatur jarak antar sel  "diisi dengan angka"
  cellpadding  mengatur jarak antara sel dan tulisan di dalamnya  "diisi dengan angka"
  width  mengatur lebar kolom  "diisi dengan angka"
  height  mengatur tinggi baris  "diisi dengan angka"
  align  mengatur perataan secara horisontal  left, right, center
  valign  mengatur perataan secara vertikal  top, bottom, middle
  colspan  menggabungkan dua atau beberapa kolom  2,3, ...
  rowspan  menggabungkan dua atau beberapa baris  2,3, ...

Untuk menebalkan teks pada cell dapat mengganti kode "<td>" menjadi "<th>".

Contoh :
Kode Dasar Untuk Pembuatan Tabel
<table border=1>
 <tr>
  <th>baris ke-1 kolom ke-1</th>
  <td>baris ke-1 kolom ke-2</td>
 </tr>
 <tr>
  <td>baris ke-2 kolom ke-1</td>
  <th>baris ke-2 kolom ke-2</th>
 </tr>
 <tr>
  <th>baris ke-3 kolom ke-1</th>
  <td>baris ke-3 kolom ke-2</td>
 </tr>
</table>
Tampilannya menjadi

baris ke-1 kolom ke-1 baris ke-1 kolom ke-2
baris ke-2 kolom ke-1 baris ke-2 kolom ke-2
baris ke-3 kolom ke-1 baris ke-3 kolom ke-2

Tidak ada komentar:

Posting Komentar

Terima kasih atas komentar anda :

Komunitas