Anda di halaman 1dari 2

KELOMPOK: LKPD

......................................... Materi : Format Table dalam halaman Web


..................................

NAMA:

1. ....................................................................................
2. ....................................................................................
3. ....................................................................................
4. ....................................................................................
5. ....................................................................................
....

Tujuan : Melalui Diskusi dan praktikum Peserta didik mampu untuk


1. Menjelaskan tag-tag html yang digunakan untuk membuat tabel.
2. Menjelaskan atribut dalam format pembuatan table
3. Menentukan penerapan format tabel dalam web.
4. Merancang program tampilan tabel dalam html
5. Membuat program halaman web yang menampilkan tabel.
6. Menguji program tampilan tabel dalam web
Petunjuk:
1. Baca dan pahami LKPD dengan baik!
2. Diskusikan Materi yang ada dengan teman sekelompokmu!
3. Jawablah pertanyaan-pertanyaan berikut dengan tepat!
4. Bagi yang belum paham, tanyakan kepada instruktur!

Kegiatan 1:

Cermatilah!
Setelah mempelajari sruktur dasar html yaitu HTML, HEAD,
BODY, dan TITLE serta beberapa format untuk menampilkan
teks pada dokumen html. Langkah selanjutnya adalah
mempelajari bagaimana menerapkan format teks dalam
halaman web!

AYO!! INGAT KEMBALI Bacalah buku sumber dan carilah referensi-referensi lain yang
STRUKTUR DASAR HTML bisa membatu kalian untuk memahami dan menemukan
beberapa istilah/tag-tag yang biasa dipakai dalam format table
pada halaman web.

Setelah membaca buku dan mencari referensi lain yang relevan, lengkapi tabel dan dibawah ini!

NAMA ELEMEN/ATRIBUT FUNGSI


<Table> ..................................................................................................................
<TR> ..................................................................................................................
<TH> ..................................................................................................................
<TD> ..................................................................................................................
<CAPTION> ..................................................................................................................
border ..................................................................................................................
width ..................................................................................................................
Align ..................................................................................................................
Height ..................................................................................................................
Cellpadding ..................................................................................................................
Cellspacing ..................................................................................................................
Bgcolor ..................................................................................................................
Rowspan ..................................................................................................................
Colspan ..................................................................................................................
Berdasarkan table diatas lengkapi Script html dibawah ini!

...........
<head>
<title> </title>
............
<body>
<table border="2" width="80%">
<caption> TABLE PRESENTASE KEMUNCULAN SOAL BAHASA INDONESIA ..........
............. SNMPTN 2009-2010</CAPTION>
...... <th>No</th>
<th>MATERI</th>
<th>2009</tH>
<th>2010</th>
......
<tr> <td>1</td>
<td>PARAGRAF......
<td>60..............
<td>40</td>
.........
</table>
............
............

Kegiatan 2:
Petunjuk!
Berdasarkan informasi atau materi yang terdapat pada kegiatan 1, pahami
langkah-langkah untuk membuat dokumen html untuk format table!
1. Buka salah satu aplikasi editor di komputer anda!
2. Simpanlah file dokumen html pada folder kerja kalian masing-masing
dengan nama folder Pwebxirpl!
3. Tulislah kode html untuk membuatlah satu table dengan ketentuan, terdiri
dari 5 kolom dan 3 baris!
4. Tambahkan atribut untuk menampilkan garis = 2 dan lebar kolom = 50%!
5. Jalankan file dokumen htm kalian masing-masing!
6. Tulislah tag dan elemen-elemen apa saja yang diperlukan untuk membuat
table dengan ketentuan pada point 3 dan 4 pada kotak dibawah ini!
7. Jika tempat pengerjaan tidak mencukupi, bisa ditambahkan pada kertas
terpisah!

.........................................................................................................................................................

.........................................................................................................................................................

.........................................................................................................................................................

.........................................................................................................................................................

.........................................................................................................................................................

.........................................................................................................................................................

==SELAMAT MENGERJAKAN==

Anda mungkin juga menyukai