width, maka pada article kali ini kita akan membahas Trik Mengatur dan Mengubah Tinggi Tabel HTML Dengan Atribut height.Sama menyerupai atributBerikut ini referensi penulisan atributwidth, penulisan atributheightsetips eksklusif didalam tag HTML sudah tidak disarankan lagi dipakai di HTML5, sebaiknya Anda memakai CSS untk mengatur tingi tabel. Namun sebagai materi pembelajaran aku akan tetap membahas penggunaan dan penulisan atributheightdidalam tabel HTML
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 referensi isyarat HTML diatas Saya menambahkan atribut
height="300px" pada tag <table>, sehingga WEB broser akan membagi tingi sebesar 300px kepada seluruh baris tabel. Untuk mengatur tingi baris tabel setips 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 tingi yang berbeda-beda. Itu alasannya kita menambahkan nilai yang berbeda-beda pada atribut
height didalam tag <tr>. Sumber https://mas-abdi.blogspot.com/
No comments:
Post a Comment