Anda di halaman 1dari 21

HTML

Pert IV

Nur Azis, S.Kom., M.Kom


Materi Pokok Bahasan

1. Tabel tag
Tabel

Tabel terdiri dari 4 unsur utama:


– Baris
– Kolom
– Sel
– Garis
Tag untuk Membuat Tabel di
HTML

1. Tag <table> untuk membungkus tabelnya


2. Tag <thead> untuk membungkus bagian kepala tabel
3. Tag <tbody> untuk membungkus bagian body dari tabel
4. Tag <tr> (tabel row) untuk membuat baris
5. Tag <td> (table data) untuk membuat sel
6. Tag <th> (table head) untuk membuat judul pada header
Contoh 1
Contoh 2
Contoh 3
Contoh 4
Menggabungkan Sel Tabel

– Atribut yang digunakan untuk


menggabungkan sel tabel adalah
rowspan dan colspan:
– rowspan untuk menggbungkan
baris;
– colspan untuk mebggabungkan
kolom.
– Atribut ini bisa kita berikan kepada
tag <td> atau <th>.
Contoh 5
Menyisipkan Elemen yang Lain ke
dalam Sel

– Di salam sel <td> dan <th>, kita bisa menyisipkan elemen HTML yang lain,
seperti gambar, link, video, list, dsb.
Contoh 6
Frame

– Frame adalah teknik yang digunakan untuk memanggil beberapa halaman


kemudian di tampilkan dalam satu halaman.
– Dalam frame kita tidak lagi memerlukan tag body, sehingga struktur
dasar frame adalah sebagai berikut:
Tag frameset memiliki atribut Tag frame memiliki atribut
diantaranya : diantaranya :
– border : menentukan tebal garis – name : untuk menentukan nama frame
border atau untuk target link
– cols :menentukan – scr : berfungsi untuk menujukkan/lokasi
lebar kolom (px/%/*) ,dan untuk sumber file.
mentukan jumlah kolom yaitu
memakai tanda koma ( , )
– rows : menentukan panjang baris
(px/%/*) , dan untuk mentukan jumlah
baris yaitu memakai tanda koma ( , )
Berlatih Membuat Frame di
HTML
1. Buat Folder baru dengan nama Frame
2. Buat File baru dengan nama index.html simpan di folder Frame
3. Buat file baru dengan nama header.html simpan di folder frame
4. Buat file baru dengan nama sidebar.html simpan di folder frame
5. Buat file baru dengan nama conten.html simpan di folder frame
6. Buat file baru dengan nama footer.html simpan di folder frame
7. Untuk melihat hasilnya buka file index.html di browser
Index.html
Header.html
Sidebar.html
Conten.html
footer.html