Membuat Link dengan HTML

Ciri utama sebuah homepage adalah dokumen pada homepage dapat berpindah-pindah dari satu dokumen ke dokumen lain, dengan cara mengklik pada bagian tertentu pada suatu halaman.

Untuk membuat seperti itu, diberikan perintah link. Link dapat diberikan pada teks atau gambar. Yang penting adalah bahwa sebuah link harus memiliki tujuan atau sasaran dari dokumen lain yang sudah dibuat dan ingin dituju.


Link Dengan Text
Perintah dasar link dengan teks adalah :


<AHREF=”target_yang_diinginkan”>teks</A>

Tag atau perintah <A> harus ditutup dengan </A>. Karena pasangan <A> dan </A> digunakan untuk mengatasi bagian mana saja yang nantinya mengandung link.

<html>
<head>
<title>Membuat Link dengan teks</title>
</head>

<body>
<A HREF=”COBA2.HTML”>NEXT</A>
</body>
</html>


Text yang mengandung link bergaris bawah, warna standartnya adalah biru muda (sebelum di klik) dan ungu (setelah diklik).
Untuk mengubah warna tersebut, pada <BODY> dapat ditambahkan  perintah :

LINK dengan nilai warna tertentu (untuk warna sebelum diklik)
VLINK dengan nilai warna tertentu (untuk warna setelah diklik)
ALINK dengan nilai warna tertentu (memberi warna link pada saat mouse dalam mengklik link tersebut )
<BODY LINK=”black” VLINK=”808080” ALINK=”red”>

Link Dengan Gambar
Penulisan kode HTML perintah dasar link dengan gambar sama dengan link pada teks. Bedanya, link pada gambar akan memberikan border di sekeliling gambar yang menunjukkan gambar tersebut mengandung link.

<html>
<head>
<title>Membuat Link dengan gambar</title>
</head>

<body>
<a href=”coba2.html”> <img src=”next.jpg”></a>
</body>
</html>

Untuk menghilangkan border tersebut, tambahkan saja atribut BORDER=”0” di dalam tag IMG.

<img src=”pemula.gif” border=”0”>

<html>
<head>
<title>Membuat link gambar tanpa border</title>
</head>

<body>
<a href=”coba2.html”><img src=”next.jpg” border=”0”></a>
</body>

</html>

Artikel Terkait Lainnya :



No comments:

Post a Comment