Cara Mengatur Dan Mengubah Tinggi Tabel Html Dengan Atribut Height

Pada artikel sebelumnya kita telah membahas Cara Mengatur dan Mengubah Lebar HTML Dengan atribut width, maka pada artikel kali ini kita akan membahas Cara Mengatur dan Mengubah Tinggi Tabel HTML Dengan Atribut height.

Sama menyerupai atribut width, penulisan atribut height secara pribadi didalam tag HTML sudah tidak disarankan lagi dipakai di HTML5, sebaiknya Anda memakai CSS untuk mengatur tinggi tabel. Namun sebagai materi pembelajaran aku akan tetap membahas penggunaan dan penulisan atribut height didalam tabel HTML

Berikut ini teladan penulisan atribut height didalam tag <table> :

<!DOCTYPE html> <html> <head>     <title>Belajar HTML</title> </head> <body> <table border="1" height="300px">     <tr>         <th>No</th>         <th>Nama</th>         <th>Kelamin</th>     </tr>     <tr>         <td>1</td>         <td>Bagas Saputra</td>         <td>Laki-laki</td>     </tr>     <tr>         <td>2</td>         <td>Sutisna</td>         <td>Laki-laki</td>     </tr>     <tr>         <td>3</td>         <td>Reza Rahardiansyah Pratama</td>         <td>Laki-laki</td>     </td> </table> </body> </html>

Pada artikel sebelumnya kita telah membahas Cara Mengatur dan Mengubah Tinggi Tabel HTML Dengan Atribut Height

Pada teladan isyarat HTML diatas Saya menambahkan atribut height="300px" pada tag <table>, sehingga web browser akan membagi tinggi sebesar 300px kepada seluruh baris tabel. Untuk mengatur tinggi baris tabel secara individu, kita sanggup menaruh atribut height didalam tag <tr>.

Berikut ini penulisan atribut height didalam tag <table> :

<!DOCTYPE html> <html> <head>     <title>Belajar HTML</title> </head> <body> <table border="1">     <tr height="30px">         <th>No</th>         <th>Nama</th>         <th>Kelamin</th>     </tr>     <tr height="60px">         <td>1</td>         <td>Bagas Saputra</td>         <td>Laki-laki</td>     </tr>     <tr height="90px">         <td>2</td>         <td>Sutisna</td>         <td>Laki-laki</td>     </tr>     <tr height="120px">         <td>3</td>         <td>Reza Rahardiansyah Pratama</td>         <td>Laki-laki</td>     </td> </table> </body> </html>

Seperti yang terlihat pada gambar diatas, setiap baris pada tabel mempunyai tinggi yang berbeda-beda. Itu sebab kita menambahkan nilai yang berbeda-beda pada atribut height didalam tag <tr>.