Membuat Tabel di HTML

Pertemuan ke-3

- Membuat Tabel (lanjutan)- Membuat rowspan & colspan- Menyisipkan file gambar ke dalam tabel

Tag pada tabel

Baris dan Kolom

Dalam tabel dikenal dengan istilah ‘row’ dan ‘collumn’ atau dalam bahasa Indonesia disebut ‘baris’ dan ‘kolom’. Kedua ini sangat berperan penting dalam sebuah tabel, karena pada dasarnya tabel adalah kumpulan baris dan kolom.

Mengenal fungsi ‘rowspan’ dan ‘colspan’Colspan adalah menggabungkan beberapa kolom horizontal menjadi 1, sedangkan Rowspan adalah menggabungkan beberapa kolom vertikal menjadi 1.

Contoh dari Colspan

Contoh dari Rowspan

Contoh tabel yang menggunakan rowspan dan colspan dan yang tidak menggunakan

Latihan

Buatlah tabel jadwal kuliah anda denganmenggunakan fungsi ‘rowspan’ dan ‘colspan’agar terlihat lebih rapih seperti contoh di samping..

Selamat mengerjakan

Menyisipkan Gambar ke Dalam TabelTag yang digunakan adalah <img src=“nama file gambar”>

Atribut tag yang mengatur lebar dan besar gambar adalah sama seperti mengatur lebar dan tinggi kolom, yaitu width dan height.<img src=“nama file gambar”

width=“size” height=“size”>

Untuk menyisipkan gambar ke dalam html, gambar disimpan didalam folder yang sama dengan file html nya. Tag <img src=“nama file gambar”> adalah jika file gambar berada di dalam folder yang sama dengan file .html nya.

Tetapi jika file gambar terdapat di folder di dalam folder .html nya, maka tag nya adalah <img src=“nama folder/nama file gambar”>.

File gambar yang sudah dimasukanke dalam tabel tanpa mengaturukurannya

File gambar yang sudah diatur widthdan heigth nya

Menyisipkan background imageUntuk menyisipkan image background di dalam html, tag yang di gunakan adalah <body background=“nama file gambar”>

Berikut contoh nya

Sekarang body akan menggunakan background image

Tugas

Buatlah sebuah tabel galeri gambar

Terima Kasih

Membuat Tabel di HTML

Documents

Transcript of Membuat Tabel di HTML