Cara Meningkatkan Ukuran Gambar Dalam Html

Isi kandungan:

Cara Meningkatkan Ukuran Gambar Dalam Html
Cara Meningkatkan Ukuran Gambar Dalam Html

Video: Cara Meningkatkan Ukuran Gambar Dalam Html

Video: Cara Meningkatkan Ukuran Gambar Dalam Html
Video: #4.2 Belajar HTML cara mengubah ukuran gambar / image untuk pemula 2024, Mungkin
Anonim

Anda dapat mengubah ukuran gambar yang dipaparkan di halaman dengan menentukan atribut yang sesuai untuk tag

yang bertanggungjawab untuk menunjukkan grafik pada halaman HTML. Peningkatan atau penurunan dilakukan melalui atribut lebar dan tinggi.

Cara meningkatkan ukuran gambar dalam html
Cara meningkatkan ukuran gambar dalam html

Masukkan gambar

Sebelum mengedit, tambahkan gambar ke halaman dengan menentukan tag

… Untuk mengedit dokumen HTML, anda perlu membuka halaman di mana-mana penyunting teks. Klik kanan pada fail dan pilih atribut "Open With" - "Notepad". Anda juga boleh menentukan penyunting lain yang lebih senang digunakan untuk menukar kod.

Pergi ke bahagian dokumen dan cari teg

… Sekiranya gambar belum ditambahkan ke halaman, masukkan kod berikut:

Laluan ke fail gambar boleh menjadi relatif atau mutlak. Atribut alt="Image" bertanggungjawab untuk nama gambar dan menambahkan kapsyen padanya, yang akan dipaparkan ketika penunjuk tetikus berada di atas gambar.

Perubahan saiz

Untuk memperbesar gambar, tetapkan parameter lebar dan tinggi yang sesuai dengannya dengan menambahkan atribut pada tag gambar:

Parameter lebar sesuai dengan lebar gambar, dan tinggi mengandungi indikator ketinggian gambar. Dalam hal ini, ketika halaman dibuka, gambar dengan lebar 300 piksel dan tinggi 350 piksel akan ditampilkan di tetingkap penyemak imbas. Anda juga boleh menambahkan atribut hspace dan vspace untuk mengubah tetapan pemformatan pada halaman:

Dalam deskriptor ini, margin mendatar (hspace) dan menegak (vspace) dari gambar ditentukan. Setiap teks yang ditambahkan ke halaman akan berjarak 5 piksel secara mendatar dari gambar dan 10 piksel secara menegak. Atribut sempadan bertanggungjawab untuk membuat sempadan 1 piksel di sekitar gambar.

Perlu diperhatikan bahawa ukuran gambar dapat ditetapkan tidak hanya dalam piksel, tetapi juga sebagai persentase relatif terhadap ukuran tetingkap penyemak imbas. Sebagai contoh:

Hasil kerja kod ini, gambar akan diregangkan ke seluruh lebar tetingkap. Perlu diperhatikan bahawa gambar dalam kes ini mungkin terdistorsi. Paparan gambar yang diperbesar bergantung pada kualiti gambar itu sendiri.

Simpan perubahan yang dibuat menggunakan fungsi "Fail" - "Simpan" pada tetingkap "Notepad". Periksa paparan gambar di tetingkap penyemak imbas dengan membuka file HTML dengan mengklik kanan dan memilih pilihan "Buka Dengan". Dalam senarai pilihan yang dicadangkan, pilih program yang anda gunakan untuk melayari Internet. Anda boleh mengedit fail HTML berapa kali untuk menyesuaikan ukuran gambar.

Disyorkan: