Apakah kod untuk menambah gambar dalam html

Kod untuk menambah gambar dalam html ialah "". atau laluan mutlak. Laluan relatif adalah relatif Berdasarkan laluan fail HTML semasa, laluan mutlak ialah URL lengkap, yang boleh menjadi laluan fail pada sistem fail tempatan atau laluan fail pada pelayan jauh atribut digunakan untuk menyediakan teks alternatif untuk imej Teks alternatif dipaparkan apabila imej tidak boleh dipaparkan, juga membantu dengan kebolehaksesan.

Sistem pengendalian tutorial ini: sistem Windows 10, versi HTML5, komputer Dell G3.

HTML ialah bahasa penanda yang digunakan untuk membina struktur dan kandungan halaman web. Menambah imej pada halaman web adalah salah satu keperluan yang sangat biasa. Di bawah, saya akan menjawab kod cara menambah gambar dalam HTML dalam 1,500 perkataan dari perspektif pengaturcara.

Dalam HTML, menambah imej memerlukan penggunaan tag. Teg ini ialah teg kosong dan tidak perlu ditutup. Berikut ialah contoh teg imej asas:

<img src="image.jpg" alt="图片描述">

Dalam kod di atas, kami menggunakan atribut src untuk menentukan laluan ke imej dan atribut alt untuk memberikan penerangan imej. Di bawah saya akan menerangkan penggunaan sifat-sifat ini dan beberapa sifat biasa yang lain secara terperinci. Atribut

src: Atribut ini digunakan untuk menentukan laluan imej. Laluan boleh menjadi relatif atau mutlak. Laluan relatif ialah laluan relatif kepada fail HTML semasa. Laluan mutlak ialah URL lengkap, yang boleh menjadi laluan fail pada sistem fail tempatan atau laluan fail pada pelayan jauh. Contohnya:

Laluan relatif: src="images/image.jpg"

Laluan mutlak: src="https://example.com/images/image.jpg"

Nota: Jika fail imej berada dalam fail yang sama seperti direktori fail HTML, anda hanya perlu memberikan nama fail.

atribut alt: Atribut ini digunakan untuk menyediakan teks alternatif untuk imej. Teks ganti, yang dipaparkan apabila imej tidak dapat dipaparkan, juga membantu dengan kebolehaksesan. Contohnya:

<img src="image.jpg" alt="一只可爱的猫咪">

atribut lebar dan ketinggian: Kedua-dua atribut ini digunakan untuk menentukan lebar dan tinggi imej. Boleh ditakrifkan menggunakan piksel (px), peratusan (%) atau unit lain. Contohnya:

<img src="image.jpg" width="300px" height="200px">

Nota: Jika hanya satu daripada atribut ditentukan, penyemak imbas secara automatik akan mengira nilai atribut lain dengan cara yang mengekalkan nisbah bidang imej.

atribut tajuk: Atribut ini digunakan untuk memberikan tajuk imej, yang dipaparkan apabila tetikus melayang di atas imej. Contohnya:

<img src="image.jpg" title="这是一张美丽的风景图片">

atribut sejajar: Atribut ini digunakan untuk menentukan penjajaran imej dalam teks. Boleh ditetapkan ke kiri (dijajarkan ke kiri), ke kanan (dijajarkan ke kanan) atau di tengah (dijajarkan ke tengah). Contohnya:

<img src="image.jpg" align="left">

atribut sempadan: Atribut ini digunakan untuk menentukan lebar sempadan imej. Boleh ditakrifkan menggunakan piksel (px) atau unit lain. Contohnya:

<img src="image.jpg" border="1px">

Selain sifat di atas, terdapat beberapa sifat lain yang boleh digunakan untuk mengawal lagi paparan dan tingkah laku imej. Contohnya:

atribut usemap: digunakan untuk menentukan peta imej sebelah klien untuk mencetuskan tindakan tertentu apabila pengguna mengklik pada imej. Atribut

ismap: digunakan untuk menentukan sama ada imej itu ialah peta imej sebelah pelayan.

Atribut silang asal: digunakan untuk menentukan cara mengendalikan permintaan imej asal silang.

atribut pemuatan: digunakan untuk menentukan kaedah pemuatan imej, yang boleh menjadi malas (pemuatan malas) atau bersemangat (pemuatan segera).

srcset atribut: digunakan untuk menentukan set imej alternatif Penyemak imbas akan memilih imej yang paling sesuai untuk dimuatkan berdasarkan saiz dan resolusi skrin.

Untuk meringkaskan, dengan menggunakan tag dan atribut berkaitan, kami boleh menambah imej dalam HTML dengan mudah. Sifat ini boleh digunakan untuk mengawal laluan, saiz, penjajaran, sempadan, teks alternatif, dsb. imej. Pada masa yang sama, sifat lain boleh digunakan untuk mengawal kelakuan dan pemuatan imej. Saya harap jawapan ini dapat membantu anda memahami kod untuk menambah imej dalam HTML.

Atas ialah kandungan terperinci Apakah kod untuk menambah gambar dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!