jendelablog.wordpress.com

budiscyan weblog area's

Mengenal dan Membuat Text Link HTML

Untuk membuat link biasanya kita menggunakan perintah “href” , href adalah sebuah kependekan dari hypertext reference . Kali ini kita akan belajar, mengenal dan mencoba membuat link. Berikut macam-macam link yang perlu kita kenal.

1. Text Link Biasa
Secara umum kita biasa membuat text link dengan kode :

<a href=”urltujuan“>Text Link</a>

contoh:
<a href=”http://budiscyan.multiply.com”>Budiscyan</a&gt;
hasilnya : Budiscyan

2. Link Gambar
<a href=”urltujuan“><img src=”urlgambar” border=”0″></a>

3. HTML Link Target
Cara membuatnya yaitu dengan menyisipkan perintah dibelakang url tujuan.
Ada beberapa tipe untuk jenis link ini , diantaranya:

  • Membuka Tab baru ( target=”_blank” )

contoh: <a href=”http://budiscyan.multiply.com&#8221; target=”_blank”>Budiscyan</a>

  • Membuka Jendela baru ( target=”new” )

contoh: <a href=”http://budiscyan.multiply.com&#8221; target=”new”>Budiscyan</a>

  • Membuka halaman baru ke halaman baru pada jendela aktif ( target=”_self” )

contoh: <a href=”http://budiscyan.multiply.com&#8221; target=”_self”>Budiscyan</a>

  • Membuka halaman baru ke dalam suatu bingkai yang lebih unggul
    dimana link berada (
    target=”_parent”)

contoh: <a href=”http://budiscyan.multiply.com&#8221; target=”_parent”>Budiscyan</a>

  • Membuka halaman baru ke dalam jendela browser saat ini,
    membatalkan semua frame ( target=”_top” )

contoh: <a href=”http://budiscyan.multiply.com&#8221; target=”_top”>Budiscyan</a>

4. Link Download
CAra membuatnya sama, hanya diarahkan ke file yang ingin di download,
contoh: <a href=”http://www63.indowebster.com/29bd98e89b0a51cf306067986167ac72.rar>Unduh</a>

5. Link jika kursor diarahkan langsung membuka tanpa diklik

contoh: <a href=”http://budiscyan.multiply.com&#8221; onMouseover=”window.location=this.href”>Budiscyan</a>

6. Link Anchor ( link jump)
cara membuatnya dengan memberi tautan dan id.
misalkan kita membuat id “atas” , maka kita bisa menulis <a name=”atas“></a>
dan menulis perintah <a href=”#atas”>Kembali ke atas </a>

contoh: Kembali ke atas

7. Email Link

Link ini berfungsi untuk merujukkan sebuah tautan ke email seseorang, kodenya : <a href=”mailto:alamatemail” >namatext</a>

contoh : <a href=”mailto:budiscyan@gmail.com” >Kirim Email</a>

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

Information

This entry was posted on 4 Mei 2011 by in artikel.

Kategori

Blog Statistic

  • 21,290 hits

Contact

%d blogger menyukai ini: