Lompat ke konten Lompat ke sidebar Lompat ke footer

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, Menentukan Elemen Form HTML Menggunakan Atribut Form, dan Menyembunyikan Data Form HTML Menggunakan Atribut Enctype.

Atribut height digunakan pada elemen sebagai berikut:
  • <canvas>
  • <embed>
  • <iframe>
  • <img>
  • <object>
  • <input>


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


Artikel ini didedikasikan kepada: Aulya Kartika Dewi, Bagas Mahendra Indriawan, Desi Trilanasari, Dhania Ahzryanwardani, dan Eza Robbani Kelvin Gozali.

6 komentar untuk "Menentukan Tinggi Elemen HTML Menggunakan Atribut Height"

  1. Apa yang dimaksud dengan atribut height pada dokumen html?

    BalasHapus
    Balasan
    1. Atribut 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.

      Hapus
  2. Apa yang dimaksud dengan height default pada CSS?

    BalasHapus
    Balasan
    1. Properti 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.

      Hapus
  3. Apakah dapat dilakukan pengatur height menjadi 100%?

    BalasHapus
    Balasan
    1. Jika 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

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -