Cara Memasukkan Gambar Ke Dalam Pautan

Isi kandungan:

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

Video: Cara Memasukkan Gambar Ke Dalam Pautan

Video: Cara Memasukkan Gambar Ke Dalam Pautan
Video: Cara Memasukkan Foto (Gambar) ke Dalam Objek (Shape) dengan Photoshop || Pawang DesainIT 2024, Mungkin
Anonim

Sintaks bahasa HTML membolehkan anda membuat pautan tidak hanya teks, tetapi juga grafik. Untuk pelawat laman web, pautan seperti itu kelihatan seperti gambar, dan apabila anda mengklik gambar tersebut, anda pergi ke laman web lain.

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

Arahan

Langkah 1

Dengan menggunakan mana-mana penyunting grafik, kurangkan gambar. Ukurannya dalam salah satu koordinat tidak boleh melebihi 200 piksel. Lebih baik jika gambar mempunyai susun atur mendatar. Ini boleh menjadi, misalnya, butang maya, tulisan yang dibuat dalam fon artistik. Format gambar mestilah salah satu daripada yang berikut: JPG, PNG, GIF. Yang pertama lebih disukai untuk gambar, dan dua selebihnya lebih disukai untuk seni lukis (ini adalah pemampatan terbaik). Pastikan menyimpan hasil perubahan dengan nama baru agar tidak merosakkan yang asli.

Langkah 2

Muat naik fail gambar ke pelayan di folder tempat fail HTML berada. Untuk melakukan muat turun seperti itu, anda dapat menggunakan antara muka web (jika tersedia dari penyedia hosting) atau program klien FTP mana pun.

Langkah 3

Letakkan cuplikan kod berikut di tempat yang diinginkan dalam fail HTML:, di mana ungkapan selepas operator "href =" adalah alamat yang menuju ke pautan, dan someimage

Langkah 4

Bagi sebilangan pengguna, paparan gambar dalam penyemak imbas dilumpuhkan. Oleh itu, disarankan untuk meletakkan penjelasan di mana pautan mengarah tepat di bawah gambar. Sekiranya demikian, ubah coretan kod di atas agar kelihatan seperti ini:

Penutup serangga. Teks penjelasan akan muncul di bawah gambar. Mengkliknya juga akan membawa anda ke pautan.

Langkah 5

Setelah memuat naik versi HTML file yang dikemas kini ke pelayan, buka halaman yang sesuai di penyemak imbas, dan kemudian pastikan bahawa gambar itu dipaparkan dan pautan itu sah. Peralihan sepanjang itu harus berlaku apabila anda mengklik pada gambar dan pada prasasti penjelasan yang terletak di bawahnya (jika ada).

Disyorkan: