tetapan gambar html

HTML ialah bahasa penanda yang biasa digunakan dalam penghasilan halaman web, yang paling biasa digunakan ialah sisipan dan tetapan imej. Dalam artikel ini, kami akan memperkenalkan cara untuk menetapkan imej dalam HTML, termasuk memasukkan imej, menetapkan saiz imej, menambah sempadan imej, dsb.

Sisipkan gambar

Cara untuk memasukkan gambar dalam HTML adalah sangat mudah, anda boleh menggunakan taguntuk mencapainya, seperti yang ditunjukkan di bawah:

di mana, atributsrcAlamat imej ditentukan dan atributaltialah teks alternatif yang dipaparkan apabila imej tidak boleh dimuatkan. Ambil perhatian bahawa apabila menentukan alamat imej, anda perlu meletakkannya dalam tanda petikan, sepertisrc="image/example.jpg".

Tetapkan saiz imej

Dalam HTML, anda boleh menggunakan atributdanwidthtegheightuntuk mengawal saiz imej. Sebagai contoh, kod berikut menetapkan lebar imej kepada 400 piksel dan ketinggian secara automatik menyesuaikan diri dengan perkadaran imej:

Untuk menetapkan kedua-dua lebar dan tinggi, anda boleh menulisnya dalam format berikut:

semasa menetapkan saiz , perkara berikut perlu diberi perhatian:

• Sebaik-baiknya menggunakan piksel semasa menetapkan dimensi, kerana ia adalah saiz tetap berbanding dengan kawasan yang boleh dilihat pada skrin.
• Jika hanya satu nilai ditentukan (seperti hanya menetapkan lebar), ketinggian akan menyesuaikan diri secara automatik kepada perkadaran imej.
• Jika lebar dan tinggi ditetapkan pada masa yang sama, ia boleh menyebabkan imej diregangkan atau dimampatkan, jadi nilai perlu ditetapkan mengikut situasi sebenar.

Tambah jidar imej

Untuk menambah jidar pada imej, anda boleh menggunakan atribut CSSborder. Mula-mula, anda perlu menetapkan id atau kelas untuk imej, dan kemudian tetapkan gaya sempadan untuknya dalam fail CSS. Berikut ialah contoh mudah:

Kod HTML:

Kod CSS:

#picture { border: 1px solid black; }

Dalam contoh ini,id="picture"digunakan untuk menetapkan id untuk imej, dan kemudian tetapkan sempadan hitam padu selebar 1 piksel dalam CSS.

Jika anda ingin menetapkan gaya sempadan yang berbeza, anda boleh menentukan atribut lain dalam CSS, sepertiborder-color,border-widthdanborder-style.

Ringkasan

Kaedah memasukkan dan menetapkan imej dalam HTML adalah sangat mudah Anda hanya perlu menggunakan tagdan atribut yang sepadan. Untuk menambah jidar pada imej, anda boleh menggunakan sifat CSSborder. Dengan menguasai pengetahuan asas ini, anda boleh memproses imej dengan mudah dalam penghasilan halaman web.

Atas ialah kandungan terperinci tetapan gambar html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!