Belajar HTML Part 10 : Link pada HTML

LINK PADA HTML

Assalamu'alaikum Wr. Wb

Hai teman-teman semua, bertemu lagi dengan saya ya hehehe, semoga kalian gak bosan baca postingan saya yang sederhana sekali ini. Yang penting disini saya niatnya share ilmu yang saya dapatkan selama di BLC TELKOM KLATEN, semoga bisa bermanfaat bagi kalian kita semua.

Sebelumnya kita sudah belajar mengenai Warna pada HTML, untuk kali ini kita akan belajar tentang LINK pada HTML. Pada HTML Basic sudah saya bahas tapi hanya dasarnya saja, nah sekarang kita berlanjut lebih dalam tentang LINK pada HTML. Langsung saja yuk!


Dalam HTML, link didefinisikan dengan tag <a> :

<a href="url">link text</a>

Contohnya :

Hasilnya :

• atribut href = menentukan alamat tujuan link tujuan
• link text = bagian yang terlihat pada halaman web
• Jika link text tsb di klik maka akan menuju ke link yang ditentukan

Contoh diatas menggunakan link absolute (alamat web penuh.

• LINK LOKAL 

Sebuah link lokal (link ke situs web yang sama) ditentukan dengan url relatif (tanpa http://www....)

Contohnya :

Hasilnya :

URL "trytogetbetter.html", file tersebut berada didalam satu folder dengan file "latihan4.html".

• HTML Warna Tautan

Secara default, link akan muncul seperti ini (di semua browser):

• Link yang belum dikunjungi adalah digarisbawahi dan biru

• Sebuah link dikunjungi adalah digarisbawahi dan ungu

• Link aktif adalah digarisbawahi dan merah

 Contoh :

Hasilnya :

• ATRIBUT TARGET

Atribut ini menentukan di mana untuk membuka dokumen terkait.

Atribut target dapat memiliki salah satu dari nilai berikut:

• _blank - Membuka dokumen terkait di jendela baru atau tab
• _self - Membuka dokumen terkait di jendela yang sama / tab seperti yang diklik (ini adalah default)
• _parent - Membuka dokumen terkait dalam kerangka induk
• _top - Membuka dokumen terkait dalam tubuh penuh jendela
• framename - Membuka dokumen terkait dalam bingkai bernama

 Contoh :

<a href="http://revoalderi248.blogspot.co.id/" target="_blank">Visit myblog!</a>

 

•  GAMBAR SEBAGAI LINK

Contohnya :

 
Hasilnya :

• MEMBUAT BOOKMARK

Contohnya :

Hasilnya :

Jika text "Jump to Chapter 4" diklik maka akan langsung menuju ke bagian yang sudah dibookmark.

Bagaimana sudah paham belum? Apa ada yang bingung? Hehehe, silakan tinggalkan jejak dikomentar jika ada yg ingin ditanyakan.
Sekian postingan kali ini dari saya, Terima Kasih!!!

Referensi :

http://www.w3schools.com/html/html_links.asp

Wassalamu'alaikum Wr. Wb