Tutorial Tabel HTML Part 8: Cara Mengatur dan Mengubah Lebar Tabel HTML (atribut width)
Sama seperti penjelasan pada tutorial tentang rules,
jika anda telah memahami CSS, disarankan menggunakan CSS untuk
memanipulasi tampilan dari tabel dibandingkan menggunakan atribut width secara langsung didalam tag HTML.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
| <! DOCTYPE html> < html > < head > < title >Contoh pemakaian attribut width dalam Tabel HTML</ title > </ head > < body > < h2 >Belajar atribut width dalam Tabel HTML</ h2 > < table border = "1" > < caption >------------Tabel Tanpa Atribut Width--------------</ caption > < tr > < th >Judul 1</ th > < th >Judul 2</ th > < th >Judul 3</ th > </ tr > < tr > < td >Baris 1, Kolom 1</ td > < td >Baris 1, Kolom 2</ td > < td >Baris 1, Kolom 3</ td > </ tr > < tr > < td >Data yang sangat panjang, sehingga merusak tampilan dari tabel</ td > < td >Baris 2, Kolom 2</ td > < td >Baris 2, Kolom 3</ td > </ tr > < tr > < td >Baris 3, Kolom 1</ td > < td >Baris 3, Kolom 2</ td > < td >Baris 3, Kolom 3</ td > </ tr > </ table > </ body > </ html > |
Dapat dilihat bahwa web browser menampilkan tabel sesuai dengan panjang data yang terdapat pada baris terpanjang, dan jika anda mencoba mengecilkan jendela web browser, tampilan tabel akan bergeser menyesuaikan dengan lebar web browser. Inilah tampilan default dari tabel HTML.
Tidak ada komentar:
Posting Komentar