Artikel Terbaru

Cara Mengatur Ukuran Gambar pada HTML

Tag <IMG> pada html juga memiliki atribut HEIGHT dan WIDTH yang dapat digunakan untuk mengatur ukuran panjang dan lebar dari gambar yang ditampilkan pada file html. Dengan menggunakan kedua atribut tersebut maka gambar yang ditampilkan pada halaman website dapat disesuaikan bidang dimensinya sesuai dengan kebutuhan dari perancang. Pada materi ini peserta didik akan belajar bagaimana cara mengatur ukuran dimensi panjang dan lebar dari gambar yang akan ditampilkan pada halaman website dengan menggunakan kode html. Sebelum memulai kegiatan, peserta didik mempersiapkan alat-alat praktiknya terlebih dahulu mulai dari PC atapun perangkat mobile yang didalamnya terdapat Notepad atau teks editor yang dapat digunakan untuk membuat file html. 

satu, Jalankan Notepad.
dua, Ketik baris kode program berikut ini.

<html>

 

<head>

<title>

Mengatur Ukuran Gambar

</title>

</head>

 

<body>

 

<p>

Gambar asli:</p>

<img src="gambarku2.jpg">

<br>

 

<p>

Gambar berikut ini berukuran 100 x 50 pixel:</p>

<img src="gambarku2.jpg" width="100px" height="50px">

<br>

 

</body>

</html>


tiga, Simpan dengan nama "latihan22.html".
empat, Jalankan file latihan22.html pada browser.

Komentar

  1. Balasan
    1. Modul HTML Bimbingan Teknologi Informasi dan Komunikasi Kelas X SMAN 8 Semarang Edisi 1. 2020. Jawa Tengah.

      Hapus
  2. Bagaimana cara mengubah ukuran gambar pada laman html?

    BalasHapus
    Balasan
    1. Untuk dapat melakukan pengubahan ukuran pada tag IMG maka dapat dilakukan dengan menggunakan atribut height untuk mengatur tinggi ukuran gambar dan width untuk mengatur ukuran lebar gambar.

      Hapus
  3. Atribut width digunakan untuk menentukan ukuran lebar pada gambar dalam satuan pixel. Sedangkan height adalah atribut yang digunakan untuk menentukan ukuran tinggi pada gambar dalam satuan pixel. Jika ukuran tinggi dan lebar dari gambar telah diatur, maka ukuran gambar yang akan ditampilkan akan sesuai dengan ukuran yang telah diatur tersebut. Namun, jika tidak digunakan atribut ukuran lebar dan tinggi, maka browser tidak dapat mengetahui ukuran lebar dari gambar yang akan ditampilkan dan tidak dapat menyediakan ruang yang sesuai untuk ukuran gambar tersebut, atau gambar yang akan ditampilkan adalah ukuran sebenarnya dari gambar yang telah ditautkan pada laman html.

    BalasHapus
  4. Apa yang dimaksud dengan width dan height pada laman html?

    BalasHapus
    Balasan
    1. Tinggi dan lebar adalah ukuran yang memungkinkan untuk menunjukkan luas pada benda geometris. Tinggi dan lebar dalam hal ini adalah ukuran dimensi layar yang ditampilkan pada layar komputer dalam satuan pixel.

      Hapus

Posting Komentar

Respon komentar 7 x 24 jam, so please be patient :D

Hot Artikel!!!

Enkapsulasi pada Java

6 Tahap Utama dalam Melakukan Kompilasi Program Hello World Java

6 Contoh Program Method Overloading pada Java