Kamis, 19 Maret 2015

Cara Membuat Gambar atau Text Menjadi Link pada HTML

in Bahasa Pemrograman published on 08.23 2 comments posted by Hartono Lapan S

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

http://http://e-lmukomputer.blogspot.com/

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:

Membuat Link Pada Gamba

Sehingga Text / Gambar Muncul Link Yang Dituju

Tag Gambar/Images

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.