6 Cara Penerapan Atribut Height pada Elemen HTML

Atribut height pada HTML digunakan untuk menentukan tinggi dari suatu elemen. Atribut ini 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

Komentar

  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

Posting Komentar

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

*Jika terdapat typo, link bermasalah, dan lain sebagainya, pengunjung dapat melaporkan permasalahan tersebut melalui WA: +62-896-2514-6106




~ Ikatlah Ilmu dengan Memostingkannya ~

Referensi Tambahan:

Enkapsulasi pada Java

2 Jenis Utama Kegiatan Penelitian Berdasarkan Waktunya, Crosssectional Salah Satunya

6 Contoh Program Method Overloading pada Java

3 Jenis Utama Looping pada Java

Perbedaan stdio.h dan stdlib.h pada Bahasa C