1. Link
absolut adalah tautan yang menghubungkan satu bagian tertentu dalam
sebuah halaman web ke bagian tertentu dalam halaman web yang lain. Link semacam
ini sering kita jumpai pada blogroll atau program-program afiliasi. Dalam hal
ini kita harus menuliskan alamat url-nya secara lengkap dengan disertai
“http://”, misalnya <a href=”http://minasifana.com”>Minasifana.com</tulisan
url yang tidak disertai dengan http://, dapat berdampak tidak berfungsinya link.
2.
Link relatif adalah tautan yang menghubungkan sebuah halaman
web ke halaman web lain dalam satu alamat url. Web kita, misalnya, terdiri dari
tiga halaman HTML (Home, About, dan Kontak). Jika kita akan membuat link di
halaman “Home” ke halaman “About”, maka kode HTML-nya akan berupa: <a href=”About.html”>About</alu diperhatikan,
penulisan alamat halaman web adalah case sensitive. Artinya penulisan huruf
kecil dan kapital berpengaruh. Selain itu, perlu diperhatikan pula ekstensi
atau format file yang digunakan, misalnya html, php, atau css. Kesalahan dalam
penulisan nama dan format file akan berakibat tidak berfungsinya link yang kita
buat.
3.
Link Self
Link bagian dari page html yang sama. Link Virtual mirip sekali dengan Link Relatif
dari segi ketergantungan pada path file. Dengan menambahkan tanda ‘/’ seperti
dalam contoh di atas, juga akan dibawa kembali ke root folder website.
Dimanapun link ini ditempatkan dalam website, ia tetap akan dapat mengarahkan
Anda ke halaman depan
web kita terlepas dari lokasi link tersebut ditempatkan.
Contoh :
<HTML>
<HEAD>
</HEAD>
<BODY>
<A
NAME="TOP">
<A HREF="#LINK
RELATIF">Link relatif</A><BR>
<A HREF="#LINK
ABSOLUT">Link Absolut</A><BR>
<A HREF="#LINK
WITH NEW WINDOW">Link with New Window</A><BR>
<A HREF="#NO
UNDERLINE">Link without underline</A><BR>
</A>
<BR>
<A NAME="LINK
RELATIF">
<H1>Link secara
relatif, lihat contoh di bawah ini:</H1>
<P>
<A
HREF="page_2.html">Klik di sini </A>jika mau ke halaman
berikutnya.
</P>
</A>
<A NAME="LINK ABSOLUT">
<H1>Link secara
absolut, lihat contoh di bawah ini:</H1>
<P>
Klik <A
HREF="http://www.mangosoft.com">my home page</A> if you want
to
see my personality.
</P>
</A>
<A NAME="LINK
WITH NEW WINDOW">
<H1>Membuat
window baru untuk link:</H1>
<P>
Open <A
HREF="http://www.mangosoft.com" target="_blank"> my home
page</A>
with new window.
</P>
</A>
<A NAME="NO
UNDERLINE">
<H1>Membuat link
tanpa garis bawah:</H1>
<P>
<A
HREF="http://www.mangosoft.com" style="
text-decoration:none">Klik
This Link </A> ,
Looks it's not use
underline.
</P>
</A>
<HR>
<A
HREF="#TOP"> kembali ke atas</A>
<HR>
</BODY>
</HTML>
Tidak ada komentar:
Posting Komentar