Thursday, February 14, 2013

Membuat Tautan di Dokumen HTML

Mengetahui membuat tautan saya rasa sangat penting. Untuk membuat tautan di dokumen HTML bisa menggunakan elemen A.

Contoh berikut membuat tautan sederhana, yang apabila diklik akan menuju ke halaman utama blog ini:

<A HREF="http://be-htmlcss.blogspot.com">Visit to Be-HTMLCSS</A>

Output contoh di atas akan seperti:

Visit to Be-HTMLCSS

Nilai atribut HREF bisa full URIs atau relative URIs. Contoh di atas nilai HREF menggunakan full URIs. Untuk relative URIs, misalnya seperti berikut:

<A HREF="foo.html">Kedokumen foo.html</A>

Dan semisal saja bahwa foo.html disimpan dalam satu direktori yang sama di mana file dokumen yang berisi tautan di atas berada.

Anda bisa tambahkan atribut TITLE, nilai TITLE ini akan muncul ketika mouse pointer tepat di atas area elemen A:

<A HREF="http://be-htmlcss.blogspot.com" TITLE="Menuju kehomepage Be-HTMLCSS">Visit to Be-HTMLCSS</A>

Coba anda tempatkan mouse pointer di atas tautan:

Visit to Be-HTMLCSS

Nanti akan terlihat teks "Menuju kehomepage Be-HTMLCSS" akan muncul sebagai tooltips.

Gambar sebagai pengganti teks tautan
Bentuk ini mungkin sudah banyak di lihat di blog-blog atau website-website, ketika ada suatu gambar dijadikan sebagai tautan. Untuk membuat itu sebenarnya sama, hanya perlu melibatkan elemen IMG. Sebagai contoh:

<A HREF="http://be-htmlcss.blogspot.com"><IMG SRC="image.png" HEIGHT="50" WIDTH="50"></A>

Untuk mengatur lebar dan tinggi dari IMG di atas, anda bisa atur nilai atribut HEIGHT dan WIDTH-nya saja.

Mengenai model dari dari bahasan ini masih banyak, misalnya: bagaimana membuat anchor dan bagaimana cara aksesnya -- baik anchor di dalam satu dokumen yang sama atau berlainan dokumen, membuat tautan yang digunakan untuk mengirim email, dst.