this → Artikel Baru – ( Atrikel Lama ↓ )

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, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung. :D

Catatan: setiap iklan yang ditayangkan pada blog ini bersumber dari google adsense. Dengan jenis iklan yang dipilih adalah, sebagai berikut.

POIN 1, Iklan yang ditampilkan hanya boleh berbahasa indonesia atau berbahasa inggris. Tidak menerima jenis iklan dalam bahasa yang lain selain yang telah disebutkan karena blog ini dibuat untuk para pengunjung dari negara atau orang yang berbahasa Indonesia.

POIN 2, Setiap gambar yang ditampilkan pada iklan sifatnya tidak mengganggu para pengunjung yang melihat blog, atau tidak boleh menampilkan gambar yang bersifat menjijikkan atau merangsang rasa mual.

POIN 3, Jenis iklan yang dipasang bukan merupakan iklan spam, atau berisi dan mengarahkan pengunjung ke alamat yang berbahaya atau bersifat penipuan.

POIN 4, Segala bentuk iklan tunduk dan patuh pada ketentuan dari pihak Adsense google dan pemilik blog.

POIN 5, Segala jenis iklan yang tidak bertentangan dengan poin 1-4 yang dijelaskan sebelumnya, maka iklan tersebut dapat ditampilkan pada blog.



~ Ikatlah Ilmu dengan Memostingkannya ~

Hot Artikel

Enkapsulasi pada Java

Perbedaan stdio.h dan stdlib.h pada Bahasa C

10 Aturan Utama Penggunaan Overriding pada Java

5 Cara Konversi Tipe Data pada Java

6 Aturan Penting Switch Statement pada Java

Perbedaan Antara int main() dan int main(void) pada Bahasa C

Penjelasan Singkat tentang Konsep Asosiasi, Komposisi, dan Agregasi pada Java