Monday 6 June 2016

Memahami Anchor, Link dan Hyperlink dalam HTML

       No comments edit icon
anchor hyperlink html

Url atau link dalam HTML biasa dikenal dengan Hyperlink. Hyperlink adalah gambar atau teks yang dapat diklik dan membuka halaman lain. Hyperlink dalam HTML dibagi menjadi 2, yaitu :
    yaitu link yang tidak diawali dengan http, https, www. Biasanya digunakan untuk mengambil atau membuka gambar. Berikut ini contohnya
    <a href="images.jpg">
    Berikut contoh penggunaannya
    Seperti yang telah anda lihat di atas, atribut hrefnya hanya <a href="1.jpg"> yaitu link yang diawali dengan http, https, www. Berikut ini contohnya
    <a href="https://www.google.com/">
    Berikut contoh penggunannya
    Seperti yang telah anda lihat di atas, atribut hrefnya hanya
    <a href="http://4.bp.blogspot.com/-yakZ7ylQSgo/V1TgRQooZEI/AAAAAAAAAKE/ CSRLBP169lQuvx_Yew3wXo3LSampQPzygCK4B/s1600/1.jpg target="_blank"">
Lalu apa itu target="_blank"? target="_blank" merupakan salah satu atribut yang dimiliki oleh elemen anchor(<a>).
  • target="_blank"
    • Ketika anchor dengan atribut _blank diklik, maka akan langsung membuka tab baru dan mendirect ke halaman yang diklik.Berikut contoh penggunaannya
  • target="_self"
    • Ketika anchor dengan atribut _self diklik, maka halaman yang saat ini anda buka(halaman ini) akan ganti menjadi halaman berdasarkan dari url dari hyperlinknya. Berikut contoh penggunaannya
    <a href="https://www.facebook.com">Visit Facebook</a>
    <a href="https://www.google.com">Visit Google</a>
    <a href="https://www.youtube.com">Visit Youtube</a>
Dan kemudian apakah anchor(<a>) hanya bisa digunakan sebagai hyperlink saja? Tidak, sebenarnya anchor(<a>) juga bisa digunakan untuk menuju ke beberapa bagian di halaman yang saat ini sedang anda buka, ini dinamakan Linking on same page atau Internal Link, berikut caranya
<a href="#relativeLink">Go to Relative Link</a>
<a href="#absoluteLink">Go to Absolute Link</a>
<a href="#targetBlank">Go to Target _blank</a>

0 comments:

Post a Comment