Cara Membuat Tautan dalam Bentuk Gambar pada HTML

Unduh PDF
Unduh PDF

Apa Anda ingin menambahkan tautan ke dokumen HTML, tetapi ingin menampilkannya dalam bentuk gambar, dan bukan teks? Sebagian besar coder HTML mengetahui caranya, dan Anda pun bisa melakukannya setelah membaca dan mengikuti arahan dalam artikel ini.

Langkah

Unduh PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/65\/Italicize-Text-in-HTML-Step-1.jpg\/v4-460px-Italicize-Text-in-HTML-Step-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/65\/Italicize-Text-in-HTML-Step-1.jpg\/v4-677px-Italicize-Text-in-HTML-Step-1.jpg","smallWidth":460,"smallHeight":266,"bigWidth":677,"bigHeight":391,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Buka program penyunting teks seperti Notepad atau WordPad (Windows), TextEdit (Mac), atau Dreamweaver (platform Windows maupun Mac).
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/4\/4e\/Italicize-Text-in-HTML-Step-2.jpg\/v4-460px-Italicize-Text-in-HTML-Step-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/4e\/Italicize-Text-in-HTML-Step-2.jpg\/v4-493px-Italicize-Text-in-HTML-Step-2.jpg","smallWidth":460,"smallHeight":184,"bigWidth":493,"bigHeight":197,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/d\/dc\/Make-a-Picture-Link-in-HTML-Step-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/dc\/Make-a-Picture-Link-in-HTML-Step-3.jpg\/v4-415px-Make-a-Picture-Link-in-HTML-Step-3.jpg","smallWidth":460,"smallHeight":202,"bigWidth":415,"bigHeight":182,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Tikkan penanda pembuka tautan berbasis foto <a href=" (elemen ini dikenal dengan istilah “keren” " a nchor " sehingga disingkat sebagai "a").
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/c\/c0\/Make-a-Picture-Link-in-HTML-Step-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c0\/Make-a-Picture-Link-in-HTML-Step-4.jpg\/v4-454px-Make-a-Picture-Link-in-HTML-Step-4.jpg","smallWidth":460,"smallHeight":185,"bigWidth":454,"bigHeight":183,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Tikkan tautan yang dapat diakses oleh pengguna (termasuk segmen http://).
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/b\/b9\/Make-a-Picture-Link-in-HTML-Step-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b9\/Make-a-Picture-Link-in-HTML-Step-5.jpg\/v4-417px-Make-a-Picture-Link-in-HTML-Step-5.jpg","smallWidth":460,"smallHeight":202,"bigWidth":417,"bigHeight":183,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/1\/19\/Make-a-Picture-Link-in-HTML-Step-6.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/19\/Make-a-Picture-Link-in-HTML-Step-6.jpg\/v4-401px-Make-a-Picture-Link-in-HTML-Step-6.jpg","smallWidth":460,"smallHeight":208,"bigWidth":401,"bigHeight":181,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Gunakan bentuk <img src="namaberkasanda.gif">.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/7f\/Make-a-Picture-Link-in-HTML-Step-7.jpg\/v4-460px-Make-a-Picture-Link-in-HTML-Step-7.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/7f\/Make-a-Picture-Link-in-HTML-Step-7.jpg\/v4-474px-Make-a-Picture-Link-in-HTML-Step-7.jpg","smallWidth":460,"smallHeight":178,"bigWidth":474,"bigHeight":183,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Tikkan penanda penutup tautan: </a>.
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/7\/75\/Make-a-Picture-Link-in-HTML-Step-8.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/75\/Make-a-Picture-Link-in-HTML-Step-8.jpg\/v4-444px-Make-a-Picture-Link-in-HTML-Step-8.jpg","smallWidth":460,"smallHeight":226,"bigWidth":444,"bigHeight":218,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Iklan

Tips

  • Agar pembaca kode memahami objek yang menandakan bahwa gambar yang disisipkan berfungsi sebagai tautan, pastikan penanda HTML <a>, <img>, dan </a> ditempatkan dalam satu baris yang sama.
Iklan

wikiHow Terkait

Cara
Memperbesar Volume Komputer
Cara
Memperbaiki Laptop yang Tidak Mengisi Daya
Cara
Mengatur Kecerahan Layar di Komputer Windows 7
Cara
Mengatur Komputer untuk Mengakses LAN
Cara
Mematikan Komputer Secara Otomatis pada Waktu Tertentu
Cara
Menutup Jendela Aplikasi pada Komputer dan Ponsel
Cara
Mengetikkan Simbol pada Laptop
Cara
Menghubungkan Laptop ke Proyektor
Cara
Menghubungkan Printer ke Komputer Anda
Cara
Menghubungkan Perangkat Audio ke Komputer
Cara
Membalikkan Layar Komputer Anda
Cara
Menonaktifkan Tombol Function
Cara
Menggunakan Aplikasi AirDroid pada Android
Cara
Menghubungkan Headset ke PC
Iklan

Referensi

  1. http://www.pageresource.com/html/image3.htm

Tentang wikiHow ini

Bahasa lain
Halaman ini telah diakses sebanyak 2.705 kali.

Apakah artikel ini membantu Anda?

Iklan