Oleh : Dwi Indah Mekarsari

Format Tabel Halaman Web

Tabel

 Dalam pembuatan homepage, tabel memiliki

fungsi yang tidak kalah penting dengan tag-
tag HTML lainnya. Pertama tabel berfungsi
untuk menampilkan informasi secara
terstruktur, ringkas, dan mudah dibaca.
Karena itu penyampaian informasi melalui
tabel sangat disukai oleh banyak orang.
Kedua, tabel juga berfungsi untuk mengatur
tampilan homepage agar lebih menarik.
Tag Utama yang digunakan
Tag Keterangan
TR Table Row, memiliki tag awal <TR> dan tag akhir </TR>,
berfungsi untuk menyatakan suatu baris didalam tabel.
Posisi default terletak dikiri.
TD Table Data, memiliki tag awal <TD>dan tag akhir </TD>,
berfungsi untuk menyatakan data/isi dari tabel. Posisi
default disebelah kiri.
TH Table Header, memiliki tag awal <TH> dan tag akhir
</TH>, berfungsi untuk memberi judul baris atau kolom
dalam suatu tabel. Table header ditampilkan dalam
bentuk cetakan tebal dan posisi default berada ditengah.
 Atribut sederhana yang sering digunakan
adalah border yang berfungsi memberikan
tampilan header ( ada garis pembatas
disekeliling tabel) pada tabel dengan nilai
berupa angka yang menunjukkan ketebalan
border tersebut.
Contoh
1 baris 2 kolom
Contoh 2
2 baris 2 kolom
 Buatlah tabel sederhana yang terdiri dari 5
kolom dan 10 baris.
Nis No Absen Nama Kelas Semester
111 1 A X MM A 1
112 2 B X MM A 1
113 3 C X MM A 1
114 4 D X MM A 1
115 5 E X MM A 1
116 6 F X MM B 1
117 7 G X MM B 1
118 8 H X MM B 1
119 9 I X MM B 1
Oleh : Dwi Indah Mekarsari

Mengatur Posisi Teks dalam

tabel
 Untuk melakukan perataan secara horizontal
teks yang berada didalam tabel digunakan
atribut ALIGN. Tetapi perlu diingat bahwa,
untuk perataan teks di dalam tabel atribut ini
digunakan pada tag TR, TD, dan TH.
 Jika anda bermaksud agar semua teks yang
berada didalam tabel rata kanan, rata kiri,
atau tengah, tidak bisa menggunakan atribut
tersebut didalam tag table. Karena atribut
ALIGN didalam tag TABLE tidak
menyebabkan perataan teks didalam tabel.
Misalnya <“ TABLE ALIGN = LEFT”> akan
menyebabkan tabel terletak disebelah kiri.
 Nilai atribut ALIGN pada tag TABLE yang
digunakan untuk meletakkan posisi tabel
terhadap layar browser antara lain LEFT,
Right, Center. Sedangkan nilai atribut ALIGN
untuk mengatur perataan teks didalam
tabel/sel-sel antara lain adalah left, justify,
center dan right.
Contoh
Contoh
 Buatlah tabel yang terdiri dari 5 kolom 10
baris dengan ketentuan. Penggunaan teks
harus ada (left, right, justify, center)