Link HTML

Dokumen HTML menggunakan hyperlink (anchor) untuk menghubungkan dokumen lain dalam web.

Tag Anchor
HTML menggunakan tag <a> untuk membuat suatu link kepada dokumen lain dalam web.

Anchor berikut menunjuk ke Blogger:

<a href=”http://www.blogger.com”>Blogger</a>

Maka yang akan tampil pada dokumen HTML adalah:
Blogger

Ada tiga jenis link:
- Link relatif
- Link absolut
- Link dalam dokumen yang sama

Link Relatif
Dibuat apabila jika ingin membuat suatu link pada page anda ke page lain pada komputer yang sama, tidak memerlukan menggunakan alamat internet lengkap. Jika dua page pada direktori yang sama, anda dapat menuliskan nama file html seperti berikut:

<a href=”file_2.html”>Berikutnya</a>

Link Absolut
Dibuat apabila ingin membuat link ke page web lain yang berada pada website lain di internet. Dalam hal ini anda harus menuliskan alamat internet secara lengkap. Berikut adalah contohnya:

<a href=”http://www.blogger.com”>Blogger</a>

Link ke Bagian Lain dalam Dokumen
Link jenis ini dibuat apabila untuk dokumen yang panjang sekali sehingga apabila ditampilkan dalam browser web akan mengharuskan kita melakukan scroll layar berulang-ulang.

Berikut langkah-langkah untuk mengatasi hal tersebut
Memberi nama suatu bagian dalam dokumen
- Letakkan kursor pada baris atau teks yang menjadi awal dari bagian tersebut
- Sisipkan nama bagian tersebut dengan: <a name=”namabagian”>

Membuat link yang menuju pada bagian dokumen yang sama dengan cara yang sama seperti link absolut atau relatif, hanya saja nama dokumen dalam link diganti dengan nama bagian dokumen dengan sebelum nama tersebut ditambah dengan #.

Berikut adalah contoh memberi link tersebut:

<a href=”#namabagian”>Bagian tentang link</a>

Tanda # menunjukkan bahwa link tersebut ditujukan kepada link dalam dokumen yang sama.

Membuka Link untuk Window Baru
Jenis link yang digunakan adalah:

<a href=”http://www.blogger.com” target=”_blank”>Blogger</a>

Contoh link untuk membuka window baru:
Blogger
Klik link di atas!

Link yang Tidak Digarisbawahi
Beberapa website menggunakan link yang digarisbawahi. Mungkin untuk beberapa orang, underline pada link tersebut sangat mengganggu penampilan.
Jenis link yang digunakan agar link tidak digarisbawahi adalah:

<a href=”http://www.blogger.com” style=”text-decoration:none”>blogger</a>

Mailto
Link jenis ini digunakan untuk membuat link pada suatu pesan mail. ( tidak bisa bekerja apabila mail client tidak dipasang ).

<a href=”mailto:princesspink_hana@yahoo.com?Subject=”Princess Pink”>Kirim email!</a>

Contoh Mailto:
Kirim email!

lourhfce ewdtvz | stdvlnap.mgblf.com
Sunday September 23 2007
7:38 pm

rnyu cgpls jipcuhdz qbruwc zcwxgsnj wpmhu gdhousf

[reply this comment]


ecfykt ylpqvj | google.com
Sunday September 23 2007
7:39 pm

dgte kwrh rekcnuyj jwoqvcet lbuwitp ymsi utsp http://www.pyhanz.mnty.com

[reply this comment]

(c) by THE PRINCESS PINK | official website of pink | Powered by. Wordpress
All Rights Reserved 2007-2008