HTML – Link


Pengertian Link

HTML Links

HTML Links

Suatu hyperlink atau biasa disebut link adalah sebuah kata, beberapa kata, atau gambar yang bila diklik akan “melompat” pada halaman baru atau dokumen baru.

Saat kursor/ mouse melintas diatas link pada suatu web, maka bentuk tanda panah mouse akan berubah menjadi sebuah bentuk tangan kecil yang sedang menunjuk.

Link dapat dibuat menggunakan tag <a>

Tag <a> dapat digunakan dalam 2 cara, yaitu:

  • Link ke dokumen lain dengan menggunakan atribut hreff
  • Link ke baris lain dalam halaman itu sendiri, dengan menggunakan atribut name

Sintaks HTML – Link

Kode HTML untuk link sangat sederhana. Secara umum sintaksnya sebagai berikut:

<a href=”url“>teks link</a>

 

Atribut href menunjukkan tujuan suatu link

Contoh:

<a href="http://fairuzlsaid.wordpress.com/">Kunjungi Blog Fairuz</a>

dilayar akan tampil seperti ini :

Kunjungi Blog Fairuz

Pada saat link diatas diklik maka Anda akan diantarkan ke halaman depan blog ini.

Tips

  • Teks Link dapat anda ganti menjadi suatu gambar, agar lebih menarik

<a href=”https://fairuzelsaid.wordpress.com/”&gt;
<img src=”https://fairuzelsaid.files.wordpress.com/2009/10/fb2.jpg?w=109&h=150″></a&gt;

Hasilnya akan tampil seperti gambar dibawah ini, jika gambar klik maka akan menuju halaman depan blog ini


  • Anda dapat mengunakan atribut target untuk mentukkan dimana dokumen link akan dibuka. Contoh dibawah ini menunjukkan dokumen tujuan akan dibuka pada sebuah jendela baru broeser.

<a href=”https://fairuzelsaid.wordpress.com/&#8221; target=”_blank”>Kunjnugi Blog Fairuz </a>

Related Link:

 

Iklan

7 thoughts on “HTML – Link

  1. hehe,,pak klo yg di fb tuh kan kita nulis status trus ada nama se2org yg warna biru yang di ikuti omongan itu juga tmsk link ya ?
    prosesnya sama seperti contoh diatas / gmn pak ?

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