sekarang kita akan belajar membuat link pada HTML. apa itu link ?, link adalah sebuah teks atau elemen ketika kita klik akan mengarah ke halaman yang lain. tanpa adanya link mungkin tidak akan ada web, karena link memegang kendali yang sangat penting terhadap halaman web. secara default link biasanya berwarna biru dan ketika link tersebut telah kita kunjungi dia akan berwarna ungu. dan ketika kursor diarahkan ke link tersebut kursor akan berubah dengan tangan menunjuk atau pointer.
untuk membuat link dibutuhkan tag <a> atau diartiken sebagai ancor (jangkar). tag <a> tidak memiliki tag penutup yaitu hanya menggunakan satu tag di depannya saja. dalam penulisan link ada satu atribut yang sangat penting yaitu href, fungsi href (hypertext reference) sendiri sebagai tempat alamat dari halaman yang ingin kita tuju.
untuk contoh penulisannya sendiri sebagai berikut :
<!DOCTYPE html> <html> <head> <title>belajar membuat link html</title> </head> <body> <h2>membuat link</h2> <p>untuk belajar pemrograman dasar bisa kunjungi <a href="http://www.otnasus18.blogspot.com">disini</a></p> </body> </html>
lokal link
dari contoh di atas, itu merupakan link eksternal. lokal link merupakan link yang mengarah pada halaman documen yang kita buat sendiri, berikut contoh kodenya :<!DOCTYPE html> <html> <head> <title>belajar membuat link html</title> </head> <body> <h2>membuat link</h2> <p>untuk belajar pemrograman dasar bisa kunjungi <a href="halaman2.html">disini</a></p> </body> </html>
dari contoh di atas memang akan terlihat sama hasilnya, namun halaman yang dituju berbeda, dia akan mengarah ke file html kita yang lain.
Atribut target
dalam tag <a> terdapat atribut yang jika kita klik link tersebut apakah halaman tersebut akan dibuka pada tab baru atau tetap pada satu tab. atribut itu adalah target, ada beberapa value pada target diantaranya _blank, maka halaman yeng akan dituju akan dibuka pada tab yang baru. jika valuenya _self maka halaman akan dibuka pada tab yang sama. berikut contoh penulisannya.
<!DOCTYPE html> <html> <head> <title>belajar membuat link html</title> </head> <body> <h2>membuat link</h2> <p>untuk belajar pemrograman dasar bisa kunjungi <a href="http://www.otnasus18.blogspot.com" target="_blank">disini</a></p> </body> </html>
dari contoh di atas link yang tadi saat di klik maka akan dibuka pada tab baru. jika valuenya _self maka akan dibuka pada tab yang sama.
Link gambar
Kode HTML Link selain dalam bentuk teks, ternyata link juga bisa dalam bentuk gambar yang sering digunakan sebagai iklan sebuah perusahaan atau produk. yaitu jika gambar tersebut kita klik maka akan kehalaman lain, berikut contoh penulisannya
<!DOCTYPE html> <html> <head> <title>belajar membuat link html</title> </head> <body> <h2>membuat link</h2> <a href="http://www.otnasus18.blogspot.com"><img src="Gambar3.jpg"></a> </body> </html>
Oke
ReplyDelete