HTML 2 - Div Dan Table

4
MODUL PRAKTIKUM PEMROGRAMAN WEB PERTEMUAN II DIV DAN TABLE Di Susun Oleh : Asisten Praktikum Pemrograman WEB TA 2015 / 2016 PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS SAINS DAN TEKNOLOGI UNIVERSITAS ISLAM NEGERI SUNAN KALIJAGA YOGYAKARTA 2013

description

Pemprograman WEB UIN Sunan Kalijaga 2016

Transcript of HTML 2 - Div Dan Table

MODUL PRAKTIKUM PEMROGRAMAN WEB

PERTEMUAN II DIV DAN TABLE

Di Susun Oleh :

Asisten Praktikum Pemrograman WEB TA 2015 / 2016

PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS SAINS DAN TEKNOLOGI UNIVERSITAS ISLAM NEGERI SUNAN KALIJAGA YOGYAKARTA

2013

1. Grouping Element Tag DIV dan SPAN di gunakan untuk mengelompokkan elementelement HTML. Span digunakan untuk mendefinisikan inline content sementara div digunakan untuk block-level content. Contoh:

Output :

2. Pembuatan Tabel TABLE, TH, TD, TR, THEAD dan TBODY adalah element HTML yang digunakan untuk

membuat tabel pada html. TH digunakan untuk membuat header table. TD digunakan

untuk membuat Kolom, sedangkan TR digunakan untuk membuat table. THEAD dan

TBODY cukup jarang digunakan karena hanya menggunakan TABLE, TH, TD, dan TR sudah

menjadi table yang bagus.

Selain element diatas, table bisa dipercantik dengan atribut2 seperti COLOR dan BORDER.

Selain itu juga dapat menggunakan fitur merger antar kolom atau baris dengan

menggunakan COLSPAN dan ROWSPAN.

Berikut beberapa contoh penggunaannya.

Latihan 1 : Buatlah sesuai dengan gambar!

TABLE : A TABLE : B