Kelebihan
dari HTML adalah kemampuannya untuk link
(menyambungkan) daerah teks ataupun gambar ke dokumen yang lain. Browser
memberi tanda daerah ini biasanya dengan warna yang berbeda dan garis bawah,
untuk menunjukkan kalau daerah tersebut merupakan hypertext link. Hypertext tag pada HTML menggunakan anchor yaitu tag <A>.
Dalam pembuatan dokumen HTML diperlukan keterhubungan
antar dokumen. Keterhubungan ini dibagi dalam 2 (dua) kategori :
1.
Keterhubungan antara satu dokumen dengan dokumen yang
lain
2.
Keterhubungan kepada suatu bagian pada dokumen itu
sendiri
Sintak tag
link adalah sebagai berikut:
<A
href=url_tujuan>nama_link</A>
url_tujuan
bernilai lokasi atau nama file yang akan dituju. Sedangkan nama_link adalah nilai yang akan ditampilkan di browser sebagai
teks link atau tombol penghubung. Tulisan yang terletak antara <A> dan
</A> akan terdapat garis bawah dan atribut warnanya dapat diatur dalam
tag <BODY>.
Dikenal 3 (tiga) istilah dalam pengalamatan link :
1.
Link relatif
Link ini menggunakan alamat relatif file dituju.
Misal : <a href=”tujuan.htm”>Tujuan</a>
2.
Link absolut
Link ini menggunakan alamat absolut file yang dituju.
Misal : <a href=”c:/my documents/tujuan.htm”>Tujuan</a>
3.
Link dalam dokumen yang sama
Link ini menggunakan alamat pada bagian tertentu di dokumen itu sendiri.
Misal : <a href=”#top”>Kembali ke atas</a>
Beberapa atribut
yang dapat ditambahkan dalam tag <a> diantaranya :
Tabel Atribut dalam
Tag <A>
Atribut
|
Kegunaan
|
Href
|
Menunjukkan url
yang dituju
|
Name
|
Memberikan nama
pada bagian tertentu pada dokumen
|
Target
|
Menunjukkan
target ditampilkannya link
|
Title
|
Menunjukkan
title dari link ketika cursor digerakkan di sekitar area hyperlink
|
Membuat Link antar Dokumen HTML
Untuk membuat link/penghubung dengan target
ke dokumen / halaman yang berbeda, anda harus membuat dokumen yang dituju / target
dan disimpan dalam direktori tertentu, baik pada direktori yang sama atau
berbeda dengan dokumen yang aktif sekarang. Untuk mencoba membuat link,
silahkan buat script berikut dan beri nama masing-masing dokumen dengan dok_awal.htm
dan dok_tujuan.htm.
Membuat halaman awal dok_awal.htm :
<HTML>
<HEAD>
<TITLE> Belajar
membuat HTML yuk </TITLE>
</HEAD>
<BODY>
<h3>Membuat Relative
Link</h3>
Contoh membuat Link yang
sederhana<br><br>
Untuk pindah ke dokumen yang
lain,ikuti link pertama ini
dengan klik <A HREF="doktujuan.html">disini</A>
</BODY>
</HTML>
|
Membuat halaman target link dok_tujuan.htm
<HTML>
<HEAD>
<TITLE>Relative
Link</TITLE>
</HEAD>
<BODY>
<P>Ini
dokumen dengan nama file : dok_tujuan.htm,
yang dituju oleh Relative Link pada dokumen dok_awal.htm</P>
</BODY>
</HTML>
|
Relative Links versus Absolute Pathnames
Secara umum, anda diharapkan menggunakan relative link, dikarenakan penulisannya
lebih pendek. Selain itu akan memudahkan jika diharuskan memindahkan grup
dokumen ke lokasi yang lain karena relative path tersebut akan tetap bisa digunakan.
Tetapi anda bisa menggunakan Absolute Pathname ketika kita diharuskan
membuat link ke lokasi yang tidak secara langsung terkait. Untuk penggunaan
Absolute Pathname ini diharuskan mencantumkan URL (Uniform Resource Locator) yang menspesifikasikan lokasi suatu file
dalam server yang lain. Bentuk dari URL ini terlihat sebagai berikut :
Scheme ://host.domain[:port]/path/filename
Scheme itu sendiri bisa berupa :
http
file yang terletak di server World Wide Web
(WWW).
ftp
file pada server
FTP
Untuk port, dapat diisi dengan nomor port jika dibutuhkan. Nomor
port ini bersifat optional, dicantumkan ketika dibutuhkan. Contoh penggunaan
script anchor dengan Absolute pathname adalah sebagai berikut
contoh penggunaan port (jika memang dibutuhkan)
Untuk membuat link yang ditujukan untuk mengirimkan email, bisa
dilakukan dengan format
<A HREF=”mailto:alamat email”>nama link</A>
Contoh penggunaannya adalah sebagai berikut.
<HTML>
<TITLE>
Judul dari dokumen HTML </TITLE>
<HEAD>
</HEAD>
<BODY>
Kritik dan saran dapat anda
layangkan ke
<A
HREF=“mailto:customer_service@mymail.com”>
Layanan Customer</A>
</BODY>
</HTML>
|
Membuat Link ke Bagian Tertentu dalam Dokumen
Untuk
membuat link ke bagian tertentu dalam dokumen yang sama, harus diberikan nama anchor. Perbedaan dengan link yang
berbeda dokumen adalah tujuan / target link, jika dalam dokumen yang sama yang
dituju adalah nama anchor tetapi kalau dokumen yang beda yang dituju adalah
nama file / dokumen yang bersangkutan.
Untuk memberi nama anchor,
atribut yang dipakai adalah NAME pada tag anchor <A> dan untuk
membuat link cukup memberikan tanda # setelah nama file dalam URL.
Misal:
<A HREF=”#sejarah”> Bab 1 </A>
atau dapat ditulis lengkap:
<A HREF=”belajar_html.htm#sejarah”> Bab 1
</A>
dan untuk nama anchornya:
<A NAME=”sejarah”>1.1 Sekilas Sejarah Internet</A>
Contoh penggunaan :
<HTML>
<HEAD>
<TITLE>Membuat Link Ke
Bagian dalam Dokumen</TITLE>
</HEAD>
|
<BODY>
<H4>Membuat Link ke Bagian
dalam Dokumen</H4>
<A
NAME="bab1"></A>
<B>Bab
1</B><BR>
Pada bab ini
akan dijelaskan tutorial membuat dokumen HTML.<BR>
Mulai dari
membuat dokumen HTML yang sederhana sampai membuat sebuah web.<Br>
Sebagai
pendahuluan, coba klik link ini untuk
<A
HREF="#sejarah">menuju ke bagian lain</A> pada dokumen
ini..
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<A
NAME="sejarah"></A>
<B>1.1
Sekilas Sejarah Internet</B><BR>
Bab ini
adalah bagian lain pada dokumen yang dituju ketika link pada Bab 1
diklik.<BR>
Untuk
kembali ke Bab 1, klik <A HREF="#bab1">disini</A>
</BODY>
</HTML>
|
0 comments:
Post a Comment