TABEL HTML

Tabel digunakan untuk menyajikan data dalam bentuk kolom dan baris,
diawali tag <table> dan di akhiri tag </table>. Sebuah tabel dibagi
menjadi beberapa baris (dengan tag <tr>), dan setiap baris dibagi
menjadi beberapa kolom (dengan tag <td>). Td kependekan dari ”table
data” yang berarti tempat menyimpan data (data cell). Sebuah cell data
dapat berupa teks, image, list, paragraf, form, tabel,dll.

Tag Elemen Tabel Attribut Tabel

Tag Elemen Keterangan Attribut Keterangan
<table> Mendefinisikan tabel Border Tebal list tabel
<th> Mendefinisikan header /judul tabel Width Lebar tabel
<tr> Mendefinisikan baris tabel Cellpadding Jarak Lebar teks di dalam dengan list tabel di dalam
<td> Mendefinisikan cell tabel Cellspasing Jarak lebar list tabel didalam dengan list di luar
<caption> Mendefinisikan caption tabel Align Rata posisi tabel = left/right/center
 Tampilan Tabel Dasar
Contoh Listing tabel dasar : Hasil di browser :
 Tampilan Edit Tabel
Tabel Header serta pemformatan tabel Hasil di browser :
 Tabel Colspan dan Rowspan
Colspan : attribut yang digunakan untuk menggabungkan beberapa kolom pada tabel
Contoh : <tr colspan=“2”> Menggabungkan 2 kolom
Rowspan : attribut yang digunakan untuk menggabungkan beberapa baris pada tabel
Contoh : <tr rowspan=“3”> Menggabungkan 3 baris
Hasil di browser :
 Penyisipan Gambar Pada Tabel

Ketikan di notepad : Hasil di browser :

 TUGAS 5

Buat halaman web menampilkan tabel sesuai output diatas dengan ketentuan :
1. Background dasar tabel warna putih dan berada ditengah
2. Data pertama tabel diganti menjadi data profil anda berisi NPM,Nama, dan Prodi anda (Untuk
Hasil Tugas/UTS/UAS, Grade & Keterangan mengikuti data yang ada di tabel)
3. Baris 1 tabel warna pink
4. Baris 2 tabel warna kuning
5. Data pada header/Judul tabel semua di rata tengah
6. Baris 7 warna lightgreen, ukuran text angka “2” adalah 5 dan angka tebal
7. Tampilkan gambar pada tabel seperti digambar dengan ukuran lebar = 300 dan tinggi = 180

Simpan file dengan nama : Kelas_NPM_Tugas5.html