Nah pada posting kali ini saya akan menjelaskan tag HTML yang sangat sering kita jumpai saat kita browsing sekedar mencari lagu, software dan sebagainya untuk di-download. Tentunya kita tidak asing lagi dengan yang namanya link. Oke langsung saja ya.
Ada 2 jenis link yang akan saya jelaskan yaitu link teks dan link gambar.
Link Teks
Link berupa teks ini lebih mudah untuk dibuat dibandingkan dengan link gambar karena memerlukan script HTML yang lebih sederhana selain itu ‘lebih ringan’ untuk dimuat dibandingkan link gambar karena tidak perlu me-load gambar yang notabene memerlukan lebih banyak ‘byte’ dari teks sehingga menjadi pilihan terbaik bagi web designer.
Ini merupakan tag untuk link teks:
<a href='alamat yang dituju disini'> Link Teks Disini </a>
Nah berikut contoh link teks yang saya buat, disini saya menggunakan link untuk dokumen pada komputer saya.
<html>
<head>
<title>Link Teks</title>
</head>
<body>
<a href='E:\BTKI'> Klik Disini </a>
</body>
</html>
Dan berikut tampilan pada browser.
Apabila saya klik link tersebut maka:
Inilah tampilannya setelah link teks tersebut diklik.
Sekarang kita tinggalkan link teks, kita menuju ke penjelasan link gambar.
Link Gambar
Meskipun sebelumnya saya katakan link teks lebih banyak digunakan daripada link gambar, itu tidak menjamin link gambar berarti jelek. Link gambar digunakan biasanya untuk link-link yang bertujuan menarik pembaca untuk mengkliknya seperti link banner, link untuk beriklan dsb. Link ini bisa dibuat oleh pembuat linknya dengan gambar-gambar yang eye-catching. Lanjut…
Sebelum saya menjelaskan cara membuat link gambar, saya akan menjelaskan cara menyisipkan gambar dengan tag html berikut:
<img src='lokasi gambar disini'>
Tag ini tidak memerlukan tag tutup karena tag ini berdiri sendiri. Lebih lanjut baca Part 1.
Selanjutnya untuk membuat link gambar kamu tinggal menambahkan tag link yang hampir sama seperti link teks. Sehingga menjadi seperti ini
<a href=’alamat yang dituju disini’><img src='lokasi gambar disini'></a>
Nah ini contoh untuk link gambar dengan gambar dan alamat tujuannya pada komputer saya :
<html>
<head>
<title>Link Gambar</title>
</head>
<body>
<a href='E:\BTKI'><img src='D:\dewahyus.png'></a>
</body>
</html>
Dan hasilnya seperti berikut:
Sekian dulu penjelasannya teman, jika kamu suka silakan share dan berikan komentar dibawah ini.
