Cara Memasukkan Gambar Ke Dalam Tautan Into

Daftar Isi:

Cara Memasukkan Gambar Ke Dalam Tautan Into
Cara Memasukkan Gambar Ke Dalam Tautan Into

Video: Cara Memasukkan Gambar Ke Dalam Tautan Into

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

Sintaks bahasa HTML memungkinkan Anda membuat hyperlink tidak hanya tekstual, tetapi juga grafis. Untuk pengunjung situs, tautan seperti itu terlihat seperti gambar, dan ketika Anda mengklik gambar, Anda pergi ke halaman web lain.

Cara memasukkan gambar ke dalam tautan into
Cara memasukkan gambar ke dalam tautan into

instruksi

Langkah 1

Menggunakan editor grafis apa pun, kurangi gambar. Ukurannya di salah satu koordinat tidak boleh melebihi 200 piksel. Lebih baik jika gambar memiliki tata letak horizontal. Ini bisa berupa, misalnya, tombol virtual, tulisan yang dibuat dalam font artistik. Format gambar harus salah satu dari yang berikut: JPG, PNG, GIF. Yang pertama lebih disukai untuk foto, dan dua sisanya lebih disukai untuk seni garis (ini adalah kompresi terbaik). Pastikan untuk menyimpan hasil perubahan dengan nama baru agar tidak merusak aslinya.

Langkah 2

Unggah file gambar ke server di folder tempat file HTML berada. Untuk melakukan pengunduhan seperti itu, Anda dapat menggunakan antarmuka web (jika tersedia dari penyedia hosting) atau program klien FTP apa pun.

Langkah 3

Tempatkan potongan kode berikut di tempat yang diinginkan dalam file HTML:, di mana ekspresi setelah operator "href =" adalah alamat yang dituju tautan, dan someimage

Langkah 4

Untuk beberapa pengguna, tampilan gambar di browser dinonaktifkan. Oleh karena itu, disarankan untuk menempatkan penjelasan ke mana tautan mengarah langsung di bawah gambar. Dalam hal ini, ubah cuplikan kode di atas agar terlihat seperti ini:

Serangga dari dekat. Teks penjelasan akan muncul di bawah gambar. Mengkliknya juga akan membawa Anda ke tautan.

Langkah 5

Setelah mengunggah versi terbaru file HTML ke server, buka halaman yang sesuai di browser, lalu pastikan gambar ditampilkan dan tautannya valid. Transisi di sepanjang itu harus terjadi ketika Anda mengklik gambar dan tulisan penjelasan yang terletak di bawahnya (jika ada).

Direkomendasikan: