Cara Menambah Pautan Ke Gambar

Isi kandungan:

Cara Menambah Pautan Ke Gambar
Cara Menambah Pautan Ke Gambar

Video: Cara Menambah Pautan Ke Gambar

Video: Cara Menambah Pautan Ke Gambar
Video: Cara Menambah Objek Gambar Pada Pixcellab 2024, Mungkin
Anonim

Sangat senang apabila kawasan pautan aktif bukan teks, tetapi gambar. Bahasa markup HTML cukup mampu melakukan ini. Apa yang diperlukan untuk ini adalah menggabungkan tag dengan cara yang istimewa.

Cara menambah pautan ke gambar
Cara menambah pautan ke gambar

Arahan

Langkah 1

Sekiranya semua fail di pelayan disimpan dalam satu folder, maka tuliskan kod HTML halaman berikut:

‹A href=page.html› Mengklik pada pautan ini akan membawa anda ke halaman lain dalam laman web ‹/a›

Langkah 2

Ketahui cara memasukkan pautan ke halaman tempatan yang terdapat di laman web pihak ketiga dalam HTML anda:

‹A href= https://server.domain/folder/page.html› Mengklik pada pautan ini akan membawa anda ke halaman yang terletak di laman web yang sama sekali berbeza ‹/a›

Langkah 3

Sekarang, periksa cara memasukkan gambar ke halaman yang disimpan di pelayan yang sama dengan laman web, dengan syarat semua fail di pelayan itu disimpan dalam folder bersama:

‹Img src = nama fail.jpg›

Langkah 4

Dengan cara yang sama, masukkan gambar yang disimpan pada pelayan pihak ketiga ke dalam halaman:

‹Img src =

Perlu diingat, bagaimanapun, bahawa beberapa pelayan tidak membenarkan gambar dimasukkan ke halaman di luarnya, yang menunjukkan screensaver amaran, atau tidak menunjukkan apa-apa. Dalam kes sedemikian, jangan menyalin gambar ke pelayan tempatan - ini akan melanggar hak cipta. Lebih baik memberikan pautan ke gambar ini.

Langkah 5

Untuk mengklik gambar untuk mengikuti pautan, gabungkan tag ini seperti berikut:

‹A href= https://server.domain/folder/page.html› ‹img src = gambar.jpg› ‹/a›

Sekiranya dikehendaki, ganti dalam pembinaan ini pautan global ke halaman dengan yang tempatan, atau sebaliknya, pautan tempatan ke gambar dengan yang global.

Langkah 6

Akhirnya, jika anda mahu pautan diikuti dengan mengklik pada gambar dan teks di bawahnya, gunakan pembinaan yang lebih kompleks seperti ini:

‹A href= https://server.domain/folder/page.html› ‹img src = picture.jpg› ‹p› Anda akan diarahkan ke halaman lain tanpa mengira sama ada anda mengklik teks ini atau yang di atasnya gambar. Hasilnya akan sama.

Disyorkan: