Memahami Dasar HTML

Sel dan struktur Tabel, struktur

List

Modul-3 HTML (2) 1

Dalam modul ini akan dipelajari:

1. Struktur Tabel dan Sel

2. Tabel dan Gambar
3. List dan Format Teks
4. Body dan Format
5. Frame

Modul-3 HTML (2) 2

Tabel : Cell

Modul-3 HTML (2) 3

Tabel Sederhana

Modul-3 HTML (2) 4

1. Tabel dan Sel

Tag Untuk membuat tabel adalah

:
<table border=ukuran
cellpadding=ukuran_sel
cellspacing=jarak_sel width=
%lebar>

Tag untuk membuat baris dan

kolom :
<tr> ..</tr> = membuat baris
<td width=%lebar>..<td> = %
lebar kolom
Contoh :

Modul-3 HTML (2) 5

Border, Cellpadding dan cellspacing

Cellpadding = angka yang

menunjukkan skala besarnya
kotak tabel
Cellspacing = angka yang
menunjukkan jarak antar sel
Border = angka yang
menunjukkan tebal bingkai
tabel
Width = pada tabel
menunjukkan berapa persen
lebar tabel dibanding layar
Width = pada kolom berapa
persen lebar tabel; dibagi
kolom

Modul-3 HTML (2) 6

2. Tabel dengan sel berisi gambar
Pada prinsipnya
isi dari sel dalam
tabel adalah
bebas, bisa
berisi teks
gambar, atau
link yang
masing-
masingnya
dapat diformat
Berikut ini
contoh tabel
dengan sel-sel
berisi gambar
Demo program

Modul-3 HTML (2) 7

2. List dan Format teks

Format paragraf dan teks

<p align=center/left/right> : atur
paragraf
Superscript : <SUP>..</SUP>
Subscript : <SUB>..</SUB>
List Un order : <UL>..</UL>
Elemen List : <LI>..</LI>

DEMO
Modul-3 HTML (2) 8
TUGAS PBW ke 1

1. Buatlah dokumen HTML Untuk

menampilkan tabel sebagai
berikut ini :
Ketentuan : Judul tabel biru,
judul kolom tebal, untuk angka
pada nomor ditengah kolom

1. Buatlah dokumen HTML Untuk

menampilkan tabel Berwarna
sebagai berikut ini :
Ketentuan : Judul tabel biru,
judul kolom tebal, untuk angka
pada nomor ditengah kolom

Modul-3 HTML (2) 9