Menentukan Tinggi Elemen HTML Menggunakan Atribut Height
Pada Artikel ini akan dijelaskan cara penggunaan atribut height pada HTML beserta penjelasan fungsi-fungisnya. Atribut height pada HTML digunakan untuk menentukan tinggi dari suatu elemen.
 | |
|
Sebelum memahami lebih dalam materi tentang Menentukan Tinggi Elemen HTML Menggunakan Atribut Height, terlebih dahulu pelajari materi tentang: Mengaturan Label dan Output HTML Menggunakan Atribut For [klik], Menentukan Elemen Form HTML Menggunakan Atribut Form [klik], dan Menyembunyikan Data Form HTML Menggunakan Atribut Enctype [klik].
Atribut height digunakan pada elemen sebagai berikut:
- <canvas>
- <embed>
- <iframe>
- <img>
- <object>
- <input>
Baca Juga:
Contoh: Ilustrasi dari penggunaan atribut height pada elemen <canvas>.
<!DOCTYPE html>
<html>
<head>
<title>
HTML Atribut Height
</title>
</head>
<body style="text-align:center">
<h1>
Blog Elfan
</h1>
<h2>
HTML Atribut Height
</h2>
<canvas
id="mkn"
width="200"
height="100"
style="border:1px solid black">
</canvas>
</body>
</html>
Output:Blog Elfan
HTML Atribut Height
Referensi Tambahan:
- 8 Elemen yang Digunakan untuk Penerapan Atribut Lang pada HTML [klik]
- 2 Contoh Penggunaan Atribut List pada HTML [klik]
- Contoh Sederhana Penggunaan Atribut Low pada HTML [klik]
- 2 Contoh Penggunaan Atribut Maxlength pada HTML [klik]
- 2 Value Utama pada Penggunaan Atribut Method HTML [klik]
- 2 Contoh Program Penggunaan Atribut Min pada HTML [klik]
- 2 Contoh Program Penggunaan Atribut Multiple pada HTML [klik]
Artikel ini didedikasikan kepada: Aulya Kartika Dewi, Bagas Mahendra Indriawan, Desi Trilanasari, Dhania Ahzryanwardani, dan Eza Robbani Kelvin Gozali.
Apa yang dimaksud dengan atribut height pada dokumen html?
BalasHapusAtribut height digunakan untuk menentukan tinggi elemen. Jika tinggi dan lebar telah diatur, maka ruang yang diperlukan untuk elemen akan dicadangkan saat halaman tersebut dimuat. Namun, tanpa penggunaan atribut height, maka browser tidak akan dapat mengetahui ukuran dari elemen, dan tidak dapat mengalokasikan ruang yang sesuai dengan elemen tersebut.
HapusApa yang dimaksud dengan height default pada CSS?
BalasHapusProperti height CSS digunakan untuk menentukan ketinggian elemen CSS. Secara default, properti tersebut digunakan untuk menentukan ketinggian pada area konten. Namun, jika ukuran kotak diatur ke border-box, maka akan ditentukan ketinggian area perbatasannya.
HapusApakah dapat dilakukan pengatur height menjadi 100%?
BalasHapusJika mencoba dilakukan pengaturan ketinggian div ke 100 dari jendela browser menggunakan pengaturan height style:100%, maka hal tersebut tidak akan dapat berfungsi, karena persentase (%) merupakan satuan yang sifatnya relatif sehingga tinggi yang dihasilkan bergantung pada tinggi elemen utama atau elemen induk.
Hapus