Link atau tautan merupakan rujukan daru hypertext dalam pengertian HTML. Pembuatan link digunakan untuk menghubunkan ke halaman lain. Secara aplikasi-nya tentu anda telah mengenal apa itu link dalam sebuah website. Jika di klik link tersebut akan menuju ke halaman tujuan tertentu.
Pembuatan Link dalam HTML
Dalam penulisan link pada teks editor html digunakan format <a href ="alamatlink"> Tampilan Kata </a>. Tag a href merupakan singkatan dari anchor reference atau tautan referensi. Sebagai contoh bisa di compile script dibawah ini.
<!DOCTYPE html>
<html>
<head>
<title>Membuat Link dalam halaman HTML </title>
</head>
<body>
<h1>Lagi Belajar Membuat Tautan</h1>
<p>Ini adalah contoh link :
<a href="http://ibahasapemograman.blogspot.com" target"a_blank" title =" Mari Belajar HTML " >Belajar Pemograman</a></p>
</body>
</html>
Jika kata " Belajar Pemograman di Klik maka akan terbuka halaman baru yang menuju link http://ibahasapemograman.blogspot.com. Penulisan dalam bentuk HTML bisa dilihat pada bagian yang ditebalkan di atas.
Penulisan tautan tersebut bisa memiliki dua opsi. Jika tautan mengarah pada web yang sama bisa diganti dengan tanda slash. Misalkan <a href "/" > Belajar Pemograman</a>. Bila pada web yang sama ke halaman lain bisa ditambahkan indeks halaman pada akhir slash. Misalkan saya ingin memberi tautan ke halaman http://ibahasapemograman.blogspot.com/2016/06/belajar-membuat-kue.html. Maka cukup dibuat <a href ="/2016/06/blajarmembuat-kue.html "> Belajar Pemograman </a>. Jika link bertujuan pada website lain, maka harus ditulis alamat lengkap website tersebut.
Arti title dan target pada tag link HTML
Kembali perhatikan pada kode di atas. Saya menambahkan target"a_blank" . embel embel tersebut digunakan jika link tersebut diklik maka akan terbuka di jendela baru. Tanpa perintah tersebut, maka link yang di klik akan terbuka dan menimpali halaman sekarang.
Kemudian saya juga menambahkan title =" Mari Belajar HTML " . Kegunaan embel embel tersebut adalah menampilkan judul link. Kembali pada script yang anda compile tadi. Jika mouse ditaruh (tanpa di klik) pada Bahasa Pemograman maka akan keluar title / judul sesuai yang saya inputka tadi. Itulah beberapa customize dalam pembuatan link dalam halaman HTML.
Kemudian saya juga menambahkan title =" Mari Belajar HTML " . Kegunaan embel embel tersebut adalah menampilkan judul link. Kembali pada script yang anda compile tadi. Jika mouse ditaruh (tanpa di klik) pada Bahasa Pemograman maka akan keluar title / judul sesuai yang saya inputka tadi. Itulah beberapa customize dalam pembuatan link dalam halaman HTML.
Share Yuk
Related Posts
Loading...
No comments:
Post a Comment