Belajar HTML Link

Belajar HTML Link
Belajar HTML Link - Lanjut ke tutorial HTML selanjutnya, yaitu mengenai Link. Dalam pemrograman web, link merupakan hal wajib dan hampir ada di setiap halaman html. Maka dari itu, penting untuk mempelajari Link.
Link berfungsi untuk menghubungkan atau membuka halaman lain, setelah user menekanya. Dalam HTML link dideklarasikan dengan <b>. Contoh.
Link Syntax
<a href="url">Link Text</a>
  • href berfungsi sebagai destinasi atau tujuan link, diisi dengan url link, seperti http://google.com, www.youtubr.com, atau codingding.blogspot.com.
  • Link TextBerfungsi sebagai tulisan dari link tersebut.
Nah, kali ini kita akan belajar lebih lanjut mengenai link, langsung saja berikut Belajar HTML Link.

Local Link

Local link adalah link yang bertujuan di web itu sendiri. Penulisanya tidak memerlukan http atau www. Contoh.
Local Link
<a href="oops.html">Ooops</a>
Hasil.
Local Link

Target Attribute

Attribute target berfungsi untuk menentukan dimana atau kemana halaman setelah link diklik. Secara default link akan dibuka di tab yang sama, namun kita dapat membuatnya ke tab baru, aplikasi baru, dll.
Ada lima target attribute yang dapat kalian coba, berikut tabelnya.
Target Penjelasan
_blank Link yang diklik akan dibuka di tab baru.
_self Link yang diklik akan dibuka dikotak yang sama. (Default)
_parent Link yang diklik akan dibuka di parent kotak.
_top Link yang diklik akan dibuka dalam halaman full jendela.
framename Link yang diklik akan dibuka dalam kotak yang ditentukan.
Contoh.
Target Attribute
<a href="oops.html" target="_blank">Ooops</a>
Hasil.
Target Attribute

Rel Attribute

Rel berfungsi untuk menentukan hubungan antara link dengan dokumen yang dituju. Contoh.
Rel Attribute
<a href="oops.html" rel="nofollow">Ooops</a>
Hasil.
Local Link
Pada contoh diatas rel="nofollow" mengintrusikan search engine untuk tidak ikut ke link yang dituju.

Menggunakan Gambar Sebagai Link

Kita dapat membuat gambar menjadi link, artinya ketika kita mengklik gambar tersebut maka link akan terbuka. Contoh.
Link Gambar
<a href="oops.html"> <img src="download.png" alt="Download" /> </a>
Hasil.
Link Gambar

Itulah beberapa penjelasan mengenai Link dalam HTML.
Sekian postingan saya yang berjudul Belajar HTML Link.
Jangan lupa baca postingan saya sebelumnya Belajar HTML Colors

1 Response to "Belajar HTML Link"

  1. Hi Selina



    i am Montoya Jazhel from the philiphines ,i was in a big problem in my marital life so i read your testimony on how Dr Ikhide help you get your husband back and i said i will give it a try and i contacted the Dr Ikhide to help me and he promised to help me get my problem solved. now am so happy with my life because all my problems are over. Thanks to the great Dr Ikhide for the help and Thanks to you Selina.

    You can reach him with this email:- dr.ikhide@gmail.com and i promise he will not disappoint you.



    I AM SO HAPPY…… remember here is his email:- dr.ikhide@gmail.com or whatsapp :- +2349058825081








































    Kumusta Selina



    ako si Montoya Jazhel mula sa pilipinas, ako ay nasa malaking problema sa aking buhay sa pag-aasawa kaya nabasa ko ang iyong patotoo sa kung paano tulungan si Dr Ikhide na maibalik ang iyong asawa at sinabi kong susubukan ko ito at makipag-ugnay sa Dr Ikhide upang matulungan ako at nangako siyang tulungan ako na malulutas ang aking problema. ngayon masaya ako sa aking buhay dahil ang lahat ng aking mga problema ay tapos na. Salamat sa mahusay na Dr Ikhide para sa tulong at Salamat sa iyo Selina.

    Maabot mo siya sa email na ito: - dr.ikhide@gmail.com at ipinapangako ko na hindi ka niya bibiguin.



    AKO KAYA NAKAKITA …… tandaan dito ay ang kanyang email: - dr.ikhide@gmail.com or whatsapp :- +2349058825081

    BalasHapus

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel