info-b

Tutorial Tabel HTML Part 9: Cara Mengatur dan Mengubah Tinggi Tabel HTML (atribut height)

Posted on

Bila di panduan sebelumnya kita mempelajari cara merubah lebar tabel HTML, kali ini kita akan membahas cara merubah tinggi dari tabel HTML dengan atribut height.

Bagi kebutuhan yang lebih khusus, tinggi default tabel HTML dirasa tak mencukupi, bagi hal ini HTML menyediakan atribut height bagi mengatur tinggi tabel, dan pun mengatur tinggi masing-masing baris.

Bila kamu telah mengenal CSS, disarankan menggunakan CSS bagi menggantikan pemakaian atribut height ini.


Manfaat atribut height

Sama seperti atribut width, atribut height dapat digunakan di pada tag table atau tag tr.

Bila digunakan di pada tag table, karenanya nilai dari width akan dibagi secara merata kedalam seluruh baris. Namun kalau kita menginginkan merubah tinggi baris tabel secara individu, tag width mesti diletakkan di setiap tag tr.

Berikut contoh pemakaian atribut height di tag table:

 Di contoh kode HTML diatas saya menambahkan atribut height=”200px” di tag table, sehingga web browser membagi tinggi 200px itu kepada seluruh baris yang terdapat.

Bagi pengaturan tinggi kolom yang lebih spesifik, kita dapat mengatur tinggi masing-masing baris dengan cara menempatkan atribut height di setiap tag tr. Berikut contoh pemakaian atribut height di tag tr:

 Seperti yang terlihat, bahwa ketiga baris di tabel diatas mempunyai tinggi yang berbeda-beda, karena kita menambahkan atribut height=”20px” di baris pertama-tama, height=”40px” di baris kedua, dan “height=60px” di baris ketiga.

Selaku catatan, seandainya total tinggi dari seluruh baris (atribut height di tag tr) melebihi tinggi tabel (atribut height di tag table), karenanya atribut height di tag tabel akan diabaikan, dan tabel ditampilkan dengan ukuran height di tag tr. Namun kalau ukuran height di tag tabel melebihi total height dari tag tr, karenanya ukuran tabel akan ditampilkan “proporsional” mengikuti height dari tabel.

Sehingga bagi menghindari tampilan yang tak diinginkan, pastikan agar total tinggi baris tak melebihi nilai height tabel.


Sumber https://www.duniailkom.com/