masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > HTML如何在图片上设置超链接

HTML如何在图片上设置超链接

醉折花枝作酒筹
Lepaskan： 2021-06-02 17:02:49
asal
31329 orang telah melayarinya

HTML在图片上设置超链接的方法：首先在html里添加一个图片标签img；然后用超链接a标签将图片标签包围；最后再为超链接标签添加href属性，指定链接的目标网址即可。

HTML如何在图片上设置超链接

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

要给图片添加超链接也很简单，我们在html里先添加一个图片标签，img

C1R8_MZH43LN4IR_(@G9MSK.png

然后用超链接a标签将图片标签包围

60C2]~I8)FAQ%94FO6GCBXR.png

然后再为超链接标签添加href属性，指定链接的目标网址即可

HY4T~1}IHN1%O)9OOHXQMYV.png

推荐学习：html视频教程

Atas ialah kandungan terperinci HTML如何在图片上设置超链接. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
html 超链接
sumber：php.cn
Artikel sebelumnya：html中span怎么使用 Artikel seterusnya：在html语言中，常用的列表有哪三种
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Penukaran automatik PX kepada ralat REM  <style>html {   font-size: calc(100vw / 3.75);      }badan {    saiz fon: 0.16rem; ...
daripada 2024-04-16 09:34:16
0
0
4687
Halaman tiba-tiba tidak dapat menarik css atau bootstrap Jadi saya sedang membangunkan halaman, saya telah membuat sebahagian daripadanya semalam d...
daripada 2024-04-06 21:58:04
0
1
800
Bagaimana untuk menyelesaikan ruang kosong misteri di bahagian bawah halaman dalam CSS Saya cuba membina halaman web mudah menggunakan Bootstrap dan D3, tetapi saya tidak tahu b...
daripada 2024-04-06 20:22:15
0
1
454
Cara menggunakan komponen laravel dengan ruang letak malas livewire Saya ingin menambah rangka komponen laravel saya di dalam ruang letak livewire3 Perkara ya...
daripada 2024-04-06 20:02:10
0
2
543
Kaedah peringkat atas untuk menggantikan rentetan dengan kod HTML (dihasilkan daripada tatasusunan) Diberi rentetan seperti ini...$htmlPattern="Usernameis:#name#andusercompanyis#company...
daripada 2024-04-06 17:40:41
0
2
410
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan