29/03/2010

MEMBUAT LINK ATAU TAUTAN


Dalam setiap halaman WEB, sering dijumpai beberapa teks/kata/kalimat ataupun gambar yang dapat di klik untuk menuju ke halaman atau dokumen lain, atau disebut juga dengan istilah "link" atau juga "tautan".
Dalam HTML, tag yang diperlukan untuk dapat membuat link yaitu <a>(anchor) dengan standar atributnya href yang memiliki value/nilainya adalah berupa "URL tujuan daripada link tersebut".

Tag <a>

Ada banyak atribut yang tersedia untuk tag <a> ini. Yaitu antara lain, href, target, name, rel, dll.
Namun karena keterbatasan fasilitas yang saya milikki dalam hal uji praktek, maka disini hanya akan dijelaskan secara default saja.

Untuk membuat link, atribut href adalah yang wajib disertakan dalam tag <a>. Seperti yang sudah dijelaskan diatas, nilai/value dari href adalah berupa URL.
Contoh:

Jika ditulis:
Selamat datang di blog <a href="http://kakangsung.blogspot.com">Pelanglang Maya</a> dan terimakasih atas kunjunganya.

Hasilnya adalah:
Selamat datang di blog Pelanglang Maya dan terimakasih atas kunjunganya.


Bagaimana jika ingin menempatkan link pada sebuah gambar?
Contoh:
Jika ditulis:
Selamat datang di blog <a href="http://kakangsung.blogspot.com">
<img src="http://i676.photobucket.com/albums/vv122/sung_sun6/kakangsung.png"/>
</a> dan terimakasih atas kunjunganya.

Hasilnya adalah:
Selamat datang di blog dan terimakasih atas kunjunganya.


NAME

Keterangan sekaligus contoh

Paragaraf ini membahas tentang atribut "name", nilai yang diperlukan adalah "nama"(bebas). Dimana pada kata pertama paragraph, yaitu "NAME" yang dicetak tebal bergaris bawah, telah ditandai dengan tag dan atribut <a name="nama"> sehingga menjadi seperti ini:

<a name="nama">NAME</a>

Paragraph/bagian selanjutnya
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

Paragraph/bagian yang lain Untuk melihat hasilnya, yaitu dengan menambahkan <a href="#nama"> dan penutupnya </a> pada bagian/paragraph lain. Sebagai contoh, saya akan menambahkanya pada beberapa kata terakhir(warna biru) di paragraph ini.
Lihat hasilnya, klik untuk kembali ke NAME


Sedikit Tambahan :
Jika ingin supaya link di buka pada jendela baru, maka perlu ditambahkan atribut dan nilainya, target="_blank". Sehingga menjadi seperti ini,
<a href="URL" target="_blank">

Dan apabila diperlukan, adapun atribut rel dengan nilainya yaitu "nofollow dan "dofollow" .
Atribut rel ini tidak mempengaruhi tampilan pada browser. Karena funsi dari atribut ini adalah untuk memberitahu kepada Search Engine tentang hubungan antara halaman peyedia link dengan halaman tujuan dari link tersebut.

Cukup sekian saja ulasan tentang link atau tautan, semoga bermanfaat.



Sebelumnya | Berikutnya

Silahkan baca juga yang ini:

0 comments:

Tinggalkan Komentar Anda

Terimakasih telah berkunjung, untuk kritik, saran, ataupun pertanyaan, silahkan berikan komentar anda disini:

 
Halaman Muka | Tentang | Kontak | Sitemap | 2008- © kakangsung All Rights Reserved