Menurut buka-rahasia.blogspot.com ,
Link di dalam dunia web tentu saja selalu kita jumpai dan sering kita fungsikan.
Kali ini saya akan menjelaskan mengenai 3 jenis link pada html , yakni :
HTML link atau hyperlink, adalah kata, sekumpulan kata, ataupun gambar yang apabila di-klik akan menuju ke dokumen/halaman lain atau bagian lain dari dokumen/halaman yang sama.
Link di dalam dunia web tentu saja selalu kita jumpai dan sering kita fungsikan.
Kali ini saya akan menjelaskan mengenai 3 jenis link pada html , yakni :
1. Link Relatif
Dibuat apabila anda membuat suatu link pada page anda ke page lain pada komputer yang sama, tidak memerlukan menggunakan alamat internet yang lengkap. Jika kedua page pada direktori yang sama, anda dapat menuliskan nama file html sebagai berikut:
<html>
<head>
<title>Link Relatif</title>
</head>
<body>
silahkan klik <a href="akronim.html">di sini</a>.
</body>
</html>
2. Link Absolut
Dibuat apabila anda membuat link ke page web lain yang berada pada web site lain di internet. Dalam hal ini anda harus menuliskan alamat internet secara lengkap. Berikut adalah script nya :
<html>
<head>
<title>Link Absolut</title>
</head>
<body>
Anda ingin mengunjungi situs lain saya. Silahkan klik <a href="http://abcdanis.blogsspot.com">di sini</a>.
</body>
</html>
3. Link ke Bagian Lain dalam Dokumen
Link jenis ini dibuat apabila untuk dokumen yang panjang sekali, sehingga apabila di tampilkan dalam browser web akan mengharuskan kita melakukan scroll layar berulang-ulang. Navigasi untuk penelusuran dokumen dapat dimudahkan dengan membuat link antarbagian, dengan menandai setiap bagian tersebut dengan memberinya nama. Sehingga pada beberapa tempat di dalam dokumen akan ada bagian yang bernama, dan dibagian lainnya dapat diletakkan link untuk menuju bagian-bagian tersebut.
Sintaks penulisannya :
<html>
<head>
<title>Penggunaan Link Dalam Dokumen</title>
</head>
<body>
<p>
<a name="top">
<a href="#Bab4">
Lihat Bab 4.
</a>
</a>
</p>
<h2>Bab 1</h2>
<p>Bab 1 adalah.</p>
<h2>Bab 2</h2>
<p>Bab 2 adalah </p>
<h2>Bab 3</h2>
<p>Bab 3 adalah </p>
<a name="Bab4">
<h2>Bab 4</h2>
</a>
<p>
Bab 4 ini menunjukkan tujuan dari link dalam satu halaman.</p>
<h2>Bab 5</h2>
<p>
Bab 5 adalah menjelaskan bla bla bla. </p>
<a href="#top">Kembali ke atas</a>
</body>
</html>
4. Link Mailto
Mailto digunakan untuk membuat link pada suatu pesan mail (tidak akan bisa bekerja jika mail client tidak terpasang). Script nya adalah sebagai berikut :
<html>
<head>
<title>Contoh Penggunaan Link Mailto</title>
</head>
<body>
Anda ingin mengirim tugas pemrograman web bisa melalui <a href="mailto:saya@gmail.com">email berikut</a>.
</body>
</html>
Tag :
HTML
6 Komentar untuk "Pengertian dan Macam-Macam Jenis LINK pada HTML"
mail client itu seperti apa gan ?
Belajar Koding
terimakasih penjelasannya yaa.. artikelnya sangat bermanfaat... saya jadi tau macam2 link yang mungkin nanti banyak ditemui juga pada website... Kunjungi juga website kampus saya : http://www.atmaluhur.ac.id dan blog saya : https://kima.mahasiswa.atmaluhur.ac.id
Penjelasan soal Hyperlink pada html, tentang cara untuk menghubungkan dokumen satu dengan yang lainnya ini sangat penting. Terima kasih artikel ini sangat membantu.
Kunjungi web kampus saya : Atma Luhur
Kunjungi web saya : Rismawati