Contoh Link pada html
Selain link yang menggunakan teks, link pun bisa menggunakan foto atau gambar yang membuat tampilannya menjadi lebih menarik dan efektif.
Berikut di bawah ini adalah cara penulisan atau pembuatan link dengan gambar yang menggunakan metode HTML:
<body>
<body>
<p class="style1 style1">Membuat Link Pada Gamba</p>
<p>r<a href="http://e-lmukomputer.blogspot.com"
target="_blank"><a href="http://e-lmukomputer.blogspot.com/"><img src="e-lmukomputer.blogspot.com.jpg" alt="cara membuat link pada gambar" width="255"
height="197" border="0"></a><a/></p>
</body>
Maka Hasilnya sebagai berikut
contoh:
Hasil Text Link:
Sehingga Text / Gambar Muncul Link Yang Dituju
Selain link yang menggunakan teks, link pun bisa menggunakan foto atau gambar yang membuat tampilannya menjadi lebih menarik dan efektif.
Berikut di bawah ini adalah cara penulisan atau pembuatan link dengan gambar yang menggunakan metode HTML:
<body>
<body>
<p class="style1 style1">Membuat Link Pada Gamba</p>
<p>r<a href="http://e-lmukomputer.blogspot.com"
target="_blank"><a href="http://e-lmukomputer.blogspot.com/"><img src="e-lmukomputer.blogspot.com.jpg" alt="cara membuat link pada gambar" width="255"
height="197" border="0"></a><a/></p>
</body>
Maka Hasilnya sebagai berikut
Tag Link
<a href='url tujuan'>Teks atau Gambar</a>
- <a> adalah tag HTML yang berfungsi untuk mendefinisikan sebuah link.
- href adalah atribut (informasi tambahan) dari tag a untuk url/alamat yang akan dituju dari link.
- Value dari href harus diberi tanda kutip.
contoh:
<a href='http://e-lmukomputer.blogspot.com'>Membuat Link Pada Gamba</a>
Hasil Text Link:
Sehingga Text / Gambar Muncul Link Yang Dituju
Tag Gambar/Images
<img src='url gambar' alt='nama alternatif gambar' width='tinggi' height='lebar'>
- Tag <img> adalah tag HTML untuk mendefinisikan sebuah gambar.
- Atribut src adalah sumber/url dari gambar.
- Atribut alt adalah untuk memberikan nama alternatif gambar. Apabila gambar tidak bisa ditampilkan, maka yang muncul adalah nama alternatifnya.
- Atribut height dan width adalah untuk mengatur ukuran gambar.
