 |
| Hyperlink pada HTML |
<html> <head></head> <body> <p>Aku sekarang sedang membuat hyperlink</p> Jika anda ingin mengunjungi Microsoft <a href="http://www.microsoft.com/">Klik disini</a><br> <a href="http://www.yahoo.com/">Link ini</a> akan membawa anda ke Yahoo.com <p>Untuk membuat hyperlink url agar dibuka pada jendela browser yang baru:<p> <a href="http://www.mp3.com/" target="_blank">Website Musik</a> <p>Agar hyperlink tidak bergaris bawah:<p> <a href="http://www.mp3.com/"target="_blank" style="text-decoration: none">Website Musik</a> <p>Hyperlink ke suatu halaman tertentu dalam web:<p> <!--dengan catatan anda harus tau nama halaman tujuan tersebut--> <a href="http://ilmukomputerplus.com/HTML/">Link ini</a> akan membawa anda ke halaman tutorial HTML. </body> </html>
Untuk membuat hyperlink dengan menggunakan gambar (image). Pastikan gambar tersebut berada pada folder yang sama dengan dokumen html anda dan harus tahu nama dan ektensinya, kemudian ganti ke atribut yang bertuliskan scr, misalkan jika nama gambar tersebut adalah yahoo.gif, maka :
<a href="http://www.yahoo.com"> <img src="yahoo.gif" border="0" width="147" height="31"></a>
Img merupakan atribut untuk suatu image (gambar), border adalah garis yang mengelilingi sisi image, width dan height merupakan lebar dan tinggi dari image. Kreatiflah untuk menganti nilai yang ada diantar tanda "…"sehingga anda akan lebih mengerti. Untuk memposisikan gambar, tambahkan dengan atribut align="…", left= kiri, center= tengah dan right= kanan.
Dalam contoh ini src atau source yaitu contoh.jpg sengaja dihapus agar alt-nya ditampilkan, maka hasilnya adalah:<a href="http://www.yahoo.com"> <img src="yahoo.gif" border="0" width="147" height="31" align="left"></a>
0 Comment:
Posting Komentar