Belajar HTML - HTML Link

HTML LINK
HTML link hampir di gunakan oleh semua  web / blog agar mempunyai tampilan lebih dinamis bagi web/blog mereka, dan selain itu html tag link juga di gunakan untuk memudakan para pengunjung blog / web mereka agar lebih mudah untuk menemukan sesuatu yang di butuhkan di blog/ web itu.


HTML Hyperlink (Link)
HTML Hyperlink (Link) maksudnya adalah sebuah gambar, text atau apapun yang mempunyai sebuah link dan ketika anda klik akan melompat ke dokumen lainnya.

Link dalam HTML di tentukan dengan TAG  <a>

tag <a> dapat di gunakan dengan 2 cara :

1.  Untuk membuat link ke dokumen lain, dengan menggunakanatribut  "href "   ( tanpa tanda kutip )
2. Untuk membuat bookmark di dalam dokumen, dengan menggunakan nama atribut 
" untuk penggunaan tag <a> yang kedua akan di jelaskan di bawah"


Syntax Sederhana Dari HTML Link

Kode Link HTML dapat terlihat seperti di bawah ini :
<a href="alamat url">Link text</a>
lihatlah attribut href di gunakan .

Contoh LINK

<a href="http://www.zengbogel.blogspot.com/">Kunjungi kotak belajar</a>
Maka akan terlihat seperti ini : kunjungi kotak belajar
Jika anda klik link di atas maka akan mengunjungi http://www.zengbogel.blogspot.com/ .


LINK Dengan Attribut TARGET
Penggunaan Attribut target pada sebuah link, akan menjadikan link tersebut terbuka dalam tab baru ( new tab )
Contoh

<a href="http://www.zengbogel.blogspot.com/" target="_blank">kotak belajar</a>
maka akan terlihat seperti ini : kotak belajar

Memang tidak akan berubah dari bentuk link nya, akan tetapi perubahan akan terlihat ketika link tersebut di klik, secara otomatis link tersebut akan terbuka pada tab baru ( new tab ).

tag yang di tambahkan pada attribut TARGET ini adalah :    target="_blank" 


LINK Dengan Attribut NAME
Mungkin bagi anda yang baru belajar HTML akan bingung dengan maksud penggunaan attribut name ini, oke sebaiknya anda klik dulu link di bawah ini untuk contoh sederhana dalam belajar link berattribut name ini.

LINK ATTRIBUT NAME

 jika anda sudah mengerti mari lanjut .

Contoh penggunaan attribut name


Pertama buat sebuah attribut name pada sebuah kata
<a name="tips">Kumpulan Tips Dan Trick</a>

Kedua buat sebuah link yang mengarah ke attribut name yang di buat sebelumya.
<a href="#tips">Kunjungi Tips Dan Trick</a>

Atau anda juga bisa membuat sebuah link dengan url untuk menuju ke attribut name yang telah di buat sebelumnya.
<a href="http://www.kotakbelajar.com/html_links.htm#tips">
Kunjungi Tips Dan Trick </a>


Kumpulan Contoh Penggunaan LINK pada HTML


Link pada gambar
bagaimana cara menambahkan link pada gambar
Link bookmark
bagaimana menambahkan link di bookmark
Create a mailto link
bagaimana untuk membuat link ke pesan email (hanya akan bekerja jika Anda memiliki instalasi email di pc anda ). 
Create a mailto link 2
Banyak lagi tentang link email



oke, kita akan lanjut ke tutorial belajar HTML untuk pemula selanjutnya ...



<< HTML Style (CSS) : Sebelumnya                             Selanjutnya : HTML Images (Gambar) >>


1 komentar:

  1. Mau nanya nih gan..
    ane kan baru blajar ngeblog tp stiap x ane mau praktekin yg d atas kok ada bacaan " Terjadi kesalahan saat mencoba menyimpan atau memublikasikan pos Anda. Coba lagi. Abaikan peringatan ".. Kenapa ya????? jd bingung ane???

    BalasHapus

Diberdayakan oleh Blogger.