Cara Menyisipkan Link Pada Tulisan di HTML

Pada tulisan kali ini, saya akan menuliskan tutorial cara untuk menyisipkan sebuah URL pada tulisan dan gambar. Untuk melakukan hal tersebut kita memerlukan tag a dan atribut href kurang lebih seperti ini <a href ="url kalian">Text yang disisipin</a>.

Berikut ini adalah contoh kode html untuk menyisipkan link pada suatu halaman website, contoh menyisipkan link pada tulisan :

<a href="http://www.compu-pedia.blogspot.com">Jangan Lupa Untuk Berkunjung Lagi</a>

Ketika dijalankan di browser, maka browser akan mengeluarkan text berwarna biru yang jika di klik akan mengarahkan kalian ke website compu-pedia.blogspot.com.

hasil dari kode html diatas
Berikut ini adalah contoh kode html untuk menyisipkan link pada gambar:

<html>
    <body>
        <a href="http://www.compu-pedia.blogspot.com">
            <img src="emo.png"  style="width:42px;height:42px;border:0;">
        </a>
    </body>
</html>

Pada saat kode html diatas dijalankan, maka browser akan menampilkan gambar emo berwarna kuning yang jika di klik akan mengarahkan ke website ini. Sedikit penjelasakan untuk kode html diatas, img src adalah untuk merujuk ke nama gambar yang ingin di tampilkan dan pastikan harus berada 1 folder dengan html. tag a dan atribut href untuk merujuk ke halaman website yang ingin di kunjungin ketika melakukan klik ke gambar.

ouput yang akan di hasilkan






0 komentar:

Posting Komentar

Terima kasih sudah berkunjung di website sederhana ini, mohon kritik dan sarannya