Bagaimana untuk memautkan gambar dalam html

Dalam HTML, kami boleh menggunakan taguntuk memaparkan imej pada halaman web, dan kami juga boleh merujuk imej di Internet melalui pautan. Artikel ini akan memberi anda pengenalan terperinci tentang cara memautkan imej dalam HTML.

Langkah pertama, kita perlu tahu di mana imej yang hendak dipautkan. Secara amnya, gambar boleh dibahagikan kepada dua kategori: gambar tempatan dan gambar rangkaian. Gambar tempatan ialah gambar yang disimpan pada komputer kita sendiri, manakala gambar rangkaian ialah gambar yang disimpan di Internet, dan kita perlu mengaksesnya melalui pautan.

Untuk imej tempatan, kita perlu menambah atributpada tegsrcuntuk menentukan laluan dan nama fail storan imej. Contohnya:

Di sini, atributsrcdalamimages/myimage.jpgmenghala kepada imej bernama "myimage.jpg" yang disimpan dalam folder bernama "images". Pada masa yang sama, kita juga boleh menggunakan atributaltuntuk menentukan teks alternatif bagi imej. Teks alt digunakan terutamanya dalam dua situasi berikut:

1. Apabila imej tidak boleh dimuatkan, teks alt akan dipaparkan
2. Apabila menggunakan alat kebolehaksesan seperti pembaca skrin, ia boleh dibacakan Teks alternatif untuk menggantikan imej

Jika kita ingin memautkan ke imej dalam talian, kita boleh menggunakan URL imej dalam talian dalam tagsebagai nilaisrcatribut. Contohnya:

Dalam contoh ini, atributsrcdalamhttps://example.com/images/myimage.jpgmenghala kepada imej bernama "myimage.jpg" yang disimpan di tapak web "https://example.com" "gambar.

Apabila kami menggunakan pautan untuk merujuk imej, kami perlu menambah alamat URL pautan dalam atributtegsrc. Contohnya:

Imej dalam contoh ini dirujuk melalui pautan. "https://example.com/images/myimage.jpg" ialah alamat pautan ke imej bernama "myimage.jpg" yang disimpan di tapak web "https://example.com".

Selain itu, dalam HTML kita boleh menggunakan taguntuk membuat pautan. Kita boleh menetapkan atributteghrefkepada alamat pautan imej, dan kemudian masukkan tegdalam teg untuk memaparkan imej. Contohnya:

Tegdi sini adalah sama seperti contoh sebelumnya, kecuali sekarang ia dibalut dengan teg. Apabila pengguna mengklik pada imej, ia secara automatik akan melompat ke pautan yang ditentukan oleh atributhref. Kaedah ini sangat mudah apabila mencipta kesan "klik pada imej untuk memasukkan pautan".

1. Tentukan tempat imej disimpan, yang boleh menjadi storan atau rangkaian setempat
2. dalamTentukan laluan atau URL imej dalam atributsrcteg
3. Pilihan: Tentukan teks alternatif untuk imej
4. Gunakan teguntuk membalut tagdan nyatakanhrefNilai atribut.