Bagaimana Cara Menambahkan Tautan Ke Gambar

Daftar Isi:

Bagaimana Cara Menambahkan Tautan Ke Gambar
Bagaimana Cara Menambahkan Tautan Ke Gambar

Video: Bagaimana Cara Menambahkan Tautan Ke Gambar

Video: Bagaimana Cara Menambahkan Tautan Ke Gambar
Video: 012 12 cara Menambahkan tautan ke gambar 2024, Mungkin
Anonim

Sangat nyaman ketika area tautan aktif bukan teks, tetapi gambar. Bahasa markup HTML cukup mampu melakukan ini. Yang diperlukan untuk ini adalah menggabungkan tag dengan cara khusus.

Bagaimana cara menambahkan tautan ke gambar
Bagaimana cara menambahkan tautan ke gambar

instruksi

Langkah 1

Jika semua file di server disimpan dalam satu folder, maka tulis kode HTML halaman berikut:

A href=page.html› Mengklik tautan ini akan membawa Anda ke halaman lain di dalam situs ‹/a›

Langkah 2

Pelajari cara menyematkan tautan ke laman lokal yang terletak di situs pihak ketiga di HTML Anda:

A href= https://server.domain/folder/page.html› Mengklik tautan ini akan membawa Anda ke halaman yang terletak di situs yang sama sekali berbeda /a›

Langkah 3

Sekarang, lihat cara menyisipkan gambar ke halaman yang disimpan di server yang sama dengan situs, asalkan semua file di server itu disimpan di folder bersama:

Img src = nama file.jpg›

Langkah 4

Dengan cara yang sama, masukkan gambar yang disimpan di server pihak ketiga ke dalam halaman:

Img src =

Namun, perlu diingat bahwa beberapa server tidak mengizinkan gambar untuk disisipkan ke halaman di luarnya, sebagai gantinya menampilkan screensaver peringatan, atau tidak menampilkan apa pun. Dalam kasus seperti itu, jangan menyalin gambar ke server lokal - itu akan menjadi pelanggaran hak cipta. Lebih baik untuk memberikan link ke gambar ini.

Langkah 5

Untuk mengklik gambar untuk mengikuti tautan, gabungkan tag ini sebagai berikut:

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

Jika diinginkan, ganti dalam konstruksi ini tautan global ke halaman dengan tautan lokal, atau, sebaliknya, tautan lokal ke gambar dengan tautan global.

Langkah 6

Terakhir, jika Anda ingin tautan diikuti dengan mengklik gambar dan teks di bawahnya, gunakan konstruksi yang lebih kompleks seperti ini:

A href= https://server.domain/folder/page.html› img src = picture.jpg› p› Anda akan diarahkan ke halaman lain terlepas dari apakah Anda mengklik teks ini atau halaman di atasnya gambar. Hasilnya akan sama persis.

Direkomendasikan: