Membuat link html dan membuat target link


Untuk membuat link biasanya kita menggunakan perintah “, 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.

Text Link Biasa
Secara umum kita biasa membuat text link dengan kode :
<a href=”urltujuan”>Text Link</a>
contoh:
<a href=”https://berkahpokroku.wordpress.com”>Pokroku Sukses Makmur</a>
hasilnya : Pokroku Sukses Makmur

Link bergambar
<a href=”urltujuan”><img src=”urlgambar” border=”0″></a>

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=”https://berkahpokroku.wordpress.com&#8221; target=”_blank”>Pokroku Sukses Makmur</a>

Membuka Jendela baru ( target=”new” )
contoh: <a href=”https://berkahpokroku.wordpress.com&#8221; target=”new”>Pokroku Sukses Makmur</a>

Membuka halaman baru ke halaman baru pada jendela aktif ( target=”_self” )
contoh: <a href=”https://berkahpokroku.wordpress.com&#8221; target=”_self”>Pokroku Sukses Makmur</a>

Membuka halaman baru ke dalam suatu bingkai yang lebih unggul dimana link berada ( target=”_parent”)
contoh: <a href=”https://berkahpokroku.wordpress.com&#8221; target=”_parent”>Pokroku Sukses Makmur</a>

Membuka halaman baru ke dalam jendela browser saat ini, membatalkan semua frame ( target=”_top” )
contoh: <a href=”https://berkahpokroku.wordpress.com&#8221; target=”_top”>Pokroku Sukses Makmur</a>

Link Download
CAra membuatnya sama, hanya diarahkan ke file yang ingin di download,
contoh: <a href=”http://namebench.googlecode.com/files/namebench-1.3.1-Windows.exe”>Pokroku Download</a>

Menambahkan Keterangan berupa Ballon
<a title=”Berisi tentang cara merubah DNS” href=”https://berkahpokroku.wordpress.com/2011/09/11/bismillah/&#8221; target=”_blank”>Gunakan DNS tercepat disini</a>

Link jika kursor diarahkan langsung membuka tanpa diklik
contoh: <a href=”https://berkahpokroku.wordpress.com&#8221; onMouseover=”window.location=this.href”>Pokroku Sukses Makmur</a>

E-mail Link

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

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

Semoga bermanfaat

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

%d blogger menyukai ini: