Artikel ini disusun oleh tim penyunting terlatih dan peneliti yang memastikan keakuratan dan kelengkapannya.
Tim Manajemen Konten How.com.vn memantau hasil penyuntingan staf kami secara saksama untuk menjamin artikel yang berkualitas tinggi.
Artikel ini telah dilihat 110.931 kali.
Panjang dan lebar gambar pada HTML menunjukkan ukuran gambar dalam piksel. Pada HTML 4.01, panjang dan lebar gambar dapat ditampilkan dalam piksel atau %. Pada HTML5, panjang dan lebar gambar harus menggunakan piksel. Artikel How.com.vn ini berisi panduan untuk mengatur ukuran gambar melalui kode HTML.
Langkah
- Buka dokumen HTML menggunakan penyunting teks. Komputer Windows dan Mac memiliki program penyunting teks, seperti Notepad dan Text Edit, yang bisa digunakan untuk membuat atau menyunting HTML. Anda dapat membuka dokumen HTML melalui program penyunting teks dengan cara mengeklik Open pada menu File. Anda juga dapat mengeklik kanan berkas yang ingin disunting lalu klik Open With….
- Tambahkan ini pada skrip:
<img src="imagefile.jpg" alt="How.com.vn Bahasa Indonesia: Image" height="42" width="42">
src
adalah tempat berkas gambar.alt
adalah penanda (tag) yang Anda tentukan untuk gambar.- Perhatikan bahwa angka yang dimasukkan berbentuk piksel.
- Anda juga dapat menggunakan penanda
style
. Sebagai contoh, kode ini akan dimasukkan pada teks:<img src="imgfile.jpg" alt="How.com.vn Bahasa Indonesia: Image" style="width:500px;height:600px;">
. Penandastyle
memastikan ukuran benda tidak akan berubah dan menolak pengubahan ukuran gambar lanjutan.[1]
- Ubah angka
height
danwidth
. Sebagai contoh, apabila Anda memasukkan 21 pada areawidth
danheight
, ukuran gambar akan berubah menjadi setengah ukuran semula. - Simpan lalu buka berkas menggunakan peramban untuk melihat hasilnya. Apabila Anda tidak menyukai hasilnya, ulangi proses di atas.[2]Iklan
Tips
- Selalu sesuaikan panjang dan lebar gambar. Apabila panjang dan lebar gambar sudah diatur, ruang yang dibutuhkan gambar akan tersimpan ketika memuat halaman tersebut. Akan tetapi, apabila ini tidak dilakukan, peramban tidak dapat mengetahui ukuran gambar dan tidak bisa menyediakan ruang yang sesuai. Struktur halaman akan berubah ketika dimuat (sementara gambar terus memuat).
- Mengecilkan panjang dan lebar gambar yang besar akan memaksa pengguna mengunduh gambar yang besar (walaupun gambar terlihat kecil di halaman). Untuk menghindari ini, ubah ukuran gambar menggunakan program yang sesuai sebelum digunakan pada halaman.
Referensi
Apakah artikel ini membantu Anda?
⚠️ Disclaimer:
Content from Wiki How Bahasa Indonesia language website. Text is available under the Creative Commons Attribution-Share Alike License; additional terms may apply.
Wiki How does not encourage the violation of any laws, and cannot be responsible for any violations of such laws, should you link to this domain, or use, reproduce, or republish the information contained herein.
- - A few of these subjects are frequently censored by educational, governmental, corporate, parental and other filtering schemes.
- - Some articles may contain names, images, artworks or descriptions of events that some cultures restrict access to
- - Please note: Wiki How does not give you opinion about the law, or advice about medical. If you need specific advice (for example, medical, legal, financial or risk management), please seek a professional who is licensed or knowledgeable in that area.
- - Readers should not judge the importance of topics based on their coverage on Wiki How, nor think a topic is important just because it is the subject of a Wiki article.