forensic breakthrough forensic breakthrough forensic breakthrough forensic breakthrough forensic breakthrough

forensic breakthrough
forensic breakthrough
Penggunaan TAG Untuk
Membuat Tabel Pada HTML
Khoirianisa/19076052

forensic breakthroug
Tabel

Pengertian :
Pengertian Tabel secara umum table bisa diartikan sebagai daftar yang
berisi rangkuman dari sejumlah data. Umumnya data table berupa
bilangan atau kata-kata yang disusun dalam urutan tertentu, secara
memiliki garis pembatas agar bisa lebih mudah dimengerti oleh para
pembaca

Fungsi:
1. Menampilkan informasi secara terstruktur, ringkas dan mudah
dibaca
2. Mengatur tampilan homepage agar lebih menarik
 Atribut Fungsi
Border Menentukan ukuran border/garis tabel
Width Menentukan lebar tabel
Height Menentukan tinggi tabel
Bgcolor Menentukan background tabel
Background Menentukan gambar yang digunakan untuk
background tabel
Color Untuk mengatur warna suatu sel dalam tabel

Align Mengatur bentuk perataan horisontal

Valign Mengatur bentuk perataan vertikal
Rowspan Menggabungkan beberapa baris
Colspan Menggabungkan beberapa kolom
Cellspacing dan cellpadding Mengatur spasi antar sel dan spasi dalam sel
BORDER

HASIL :
 CELLPADING & CELLSPACING

<table border="1" bgcolor="white" align="center“ cellpadding="10"

cellspacing="12">
<caption align="top">
<b> Tabel Daftar Nilai Mahasiswa </b> </caption> HASIL :
<tr bgcolor="gray"><th rowspan="2">No</th>
<th rowspan="2">NPM</th> <th rowspan="2">Nama</th> <th
colspan="2">Nilai</th>
</tr>
<tr bgcolor="gray"><th>UTS</th> <th>UAS</th> </tr>
<tr><td align="center" width="20">1.</td>
<td align="left" valign="middle" width="80" height="40">06.100.001</td>
<td align="left" valign="middle" width="180" height="40">Amin A. Angkasa</td>
<td align="center" valign="middle">70</td> <td align="center"
valign="middle">80</td>
</tr>
<tr><td width="20">2.</td>
<td align="left" valign="middle" width="80" height="40">06.100.002</td>
<td align="left" valign="middle" width="180" height="40">Beni B. Bernardi</td>
<td align="center" valign="middle">70</td> <td align="center"
valign="middle">80</td>
</tr>
</table>
 COLSPAN & ROWSPAN

Colspan atau column span merupakan atribute HTML yang berfungsi untuk

menggabungkan beberapa kolom, sederhananya menggabungkan kolom ke
samping. Rowspan merupakan atribut HTML yang fungsi utamanya adalah
menggabungkan beberapa baris, sederhananya menggabungkan baris ke bawah.
Pembuatan Tabel Sederhana
 TUGAS!!!

1. Jelaskan tag-tag yang ada pada kode HTML dalampembuatantabel!

2. Buatlahsebuah table yang berisi data diridengan format
Nama :
Kelas :
TTL :
No. HP :
 
3. Buatlahsebuah table sepertigambar di bawahini