Cara Memasukkan Pautan Ke Gambar Dalam Html

Isi kandungan:

Cara Memasukkan Pautan Ke Gambar Dalam Html
Cara Memasukkan Pautan Ke Gambar Dalam Html

Video: Cara Memasukkan Pautan Ke Gambar Dalam Html

Video: Cara Memasukkan Pautan Ke Gambar Dalam Html
Video: Tutorial Dasar Html #6 - Cara Memasukkan Gambar Pada HTML 2024, Mungkin
Anonim

Catatan di blog atau sumber lain mungkin tidak hanya berisi maklumat mengenai masalah tertentu, tetapi juga pautan langsung ke sumber maklumat atau sumber lain. Khususnya, penyunting HTML membolehkan anda memformat pautan ke fail grafik.

Cara memasukkan pautan ke gambar dalam html
Cara memasukkan pautan ke gambar dalam html

Ia perlu

Akses ke Internet

Arahan

Langkah 1

Kaedah termudah untuk merancang pautan, termasuk pautan ke gambar, terdiri daripada tag berikut: teks penjelasan. Berikan pautan ke fail grafik itu sendiri sebagai alamat halaman, misalnya: https://www.site.com/mypicure.jpg. Dalam teks penjelasan, anda boleh menunjukkan nama fail atau maklumat lain. Semasa melihat mesej selesai, hanya akan dapat dilihat, gambar akan terbuka apabila anda mengklik dengan kursor.

Langkah 2

Gambar boleh menjadi pautan ke dirinya sendiri atau fail grafik lain. Untuk kes seperti itu, masukkan tag berikut:. Alamat halaman - alamat yang akan dibuka apabila anda mengklik tetikus; URL Imej - URL gambar yang ingin anda klik. Teks penjelasan muncul di hover. Pautan dengan reka bentuk yang ditentukan akan dibuka di tetingkap baru.

Langkah 3

Walau bagaimanapun, penyesuaian ini adalah pilihan jika anda hanya mahu menyiarkan gambar dalam catatan anda. Perkara utama adalah mengetahui alamatnya di rangkaian. Masukkan tag:. URL gambar kelihatan seperti ini:

Langkah 4

Parameter tambahan membolehkan anda menyesuaikan ukuran gambar yang dipaparkan. Untuk melakukan ini, gunakan tag lebar = dan tinggi =. Tidak perlu menggunakan kedua-duanya, jika anda menentukan salah satu daripadanya, parameter kedua akan berubah secara berkadar. Selepas tag, masukkan tinggi atau lebar gambar yang diinginkan dalam piksel. Hasilnya mungkin kelihatan seperti ini:

Disyorkan: