Selasa, 06 Mei 2014

Membuat Gambar Menjadi Link

Good work! Nah setelah kita tau bagaimana caranya menambahkan gambar ke halaman website. Saya akan membahas bagaimana jika ketika kita klik pada gambar, maka gambar akan membawa kita ke halaman lain.

Tag yang digunakan adalah <a>. Yaitu tag digunakan untuk membuat hyperlink atau link pada halaman web.  Sama seperti <img>, <a> memiliki atribut yang memberitahu link kemana harus pergi. Bedanya ada pada src, dimana tag <a> menggunakan href. Contoh :

<a href=”http://www.babanet.com”> Belajar HTML
</a>

Src sendiri merupakan singkatan dari “source”. Yang memberitahukan link <img> dari mana gambar berasal. Sedangkan href singkatan dari “hypertext reference”. Yang mana ketika kita mengatakan bahwa hypertext (yaitu link) adalah teks yang dapat di klik. Maka href memberitahu link mana yang harus pergi atau link mana yang akan membawa kita ke halaman lain. Teks setelah href adalah alamat web, dan teks antara <a> dan </a> adalah teks yang kamu klik.



Ikutilah intruksi dibawah ini:
<html>
<head>
      <title>Belajar HTML</title>
</head>
<body>
<h1>Menambahkan Link Pada Gambar</h1>
<a href =”http://www.babanet.com”><img src="http://s3.amazonaws.com/codecademy-blog/assets/f3a16fb6.jpg"></a>

</body>
</html>
 
Source : codecademy.com
5 M-SYIHABlog: Membuat Gambar Menjadi Link Good work! Nah setelah kita tau bagaimana caranya menambahkan gambar ke halaman website. Saya akan membahas bagaimana jika ketika kita kl...

Tidak ada komentar:

Posting Komentar

< >