Cara Menyisipkan Tautan Ke Gambar Di Html

Daftar Isi:

Cara Menyisipkan Tautan Ke Gambar Di Html
Cara Menyisipkan Tautan Ke Gambar Di Html

Video: Cara Menyisipkan Tautan Ke Gambar Di Html

Video: Cara Menyisipkan Tautan Ke Gambar Di Html
Video: MEMBUAT LINK GAMBAR KE WEBSITE LAIN DENGAN HTML 2024, Mungkin
Anonim

Posting di blog atau di sumber lain mungkin tidak hanya berisi informasi tentang masalah tertentu, tetapi juga tautan langsung ke sumber informasi atau sumber lain. Secara khusus, editor HTML memungkinkan Anda untuk memformat tautan ke file grafik.

Cara menyisipkan tautan ke gambar di html
Cara menyisipkan tautan ke gambar di html

Itu perlu

Akses ke internet

instruksi

Langkah 1

Cara termudah untuk mendesain tautan, termasuk tautan ke gambar, terdiri dari tag berikut: teks penjelasan. Berikan tautan ke file grafik itu sendiri sebagai alamat halaman, misalnya: https://www.site.com/mypicure.jpg. Dalam teks penjelasan, Anda dapat menunjukkan nama file atau informasi lainnya. Saat melihat pesan yang sudah selesai, hanya itu yang akan terlihat, gambar akan terbuka ketika Anda mengklik dengan kursor.

Langkah 2

Gambar dapat berupa tautan ke dirinya sendiri atau file grafik lainnya. Untuk kasus seperti itu, masukkan tag berikut:. Alamat halaman - alamat yang akan terbuka saat Anda mengklik mouse; URL Gambar - URL gambar yang ingin Anda klik. Teks penjelasan muncul di hover. Tautan dengan desain yang ditentukan akan terbuka di jendela baru.

Langkah 3

Namun, tweak ini opsional jika Anda hanya ingin memposting gambar di postingan Anda. Hal utama adalah mengetahui alamatnya di jaringan. Sisipkan tag:. URL gambar akan terlihat seperti ini:

Langkah 4

Parameter tambahan memungkinkan Anda untuk menyesuaikan ukuran gambar yang ditampilkan. Untuk melakukannya, gunakan tag width = dan height =. Tidak perlu menggunakan keduanya, jika Anda menentukan salah satunya, parameter kedua akan berubah secara proporsional. Setelah tag, masukkan tinggi atau lebar gambar yang diinginkan dalam piksel. Hasilnya mungkin terlihat seperti ini:

Direkomendasikan: