Agar antar halaman dalam suatu website dapat saling dihubungkan satu sama lain, kita dapat menambahkan suatu penghubung atau link dihalaman tertentu dengan perintah <a href="...">...</a>. Untuk menambahkan link dapat dapat dilakukan dengan cara berikut.
<html>
<head>
<title>Link</title>
</head>
<body>
<p>Halaman Pertama</p>
<center>
<a href="halaman2.html">Ke Halaman 2</a>
</center>
</body>
</html>
Simpanlah file diatas dengan nama halaman1.html.
Kemudian buat file kedua dengan nama halaman2.html seperti berikut.
<html>
<head>
<title>Link</title>
</head>
<body>
<p>Halaman Kedua</p>
<center>
<a href="halaman1.html">Ke Halaman 1</a>
</center>
</body>
</html>
Berikut adalah contoh beberapa penulisan link yang lain :
<!DOCTYPE html>
<html>
<head>
<title>Contoh Membuat Hyperlink</title>
</head>
<body>
<p>Berikut ini adalah Contoh Penulisan Hyperlink</p>
<a href="https://www.youtube.com/">Link ini</a> akan membawa anda ke halaman Youtube
<p>Jika anda menghendaki agar link dibuka pada jendela barowser baru : <a href="https://www.pikiran-rakyat.com/" target="_blank">Website Pikiran Rakyat</a></p>
<p>Agar Hyperlink tidak bergaris bawah : <a href="https://web.facebook.com/" target="_blank" style="text-decoration: none;">Facebook</a></p>
</body>
</html>
 |
| Contoh Penulisan Link |
- Link Gambar
- Pastikan gambar tersebut berada pada folder yang sama dengan dokumen HTML anda.
- Nama dan ekstensi file harus diketahui, misalkan jika nama gambar tersebut adalah googlelogo.png, maka :
<html>
<a href="https://www.google.com/">
<center>
<img src="googlelogo.png"></a>
</center>
</html>
 |
| Link Menggunakan Gambar |
- Anchor
Misalnya pada bagian bawah, kita beri perintah sebagai berikut.
<a href="#top">Jangkar untuk kembali ke atas</a> maka bagian dimana yang ingin kita tuju dengan link tersebut, harus diberi perintah pasangannya, yaitu <a name="top">Anchor</a>. Pada perintah awal jangan lupa diberi tanda pagar (#) untuk mendahului nama lokasi yang akan dituju. Dibawah ini adalah contoh penggunaan anchor tersebut.
<!DOCTYPE html>
<html>
<head>
<title>Anchor</title>
</head>
<body>
<h1 align="center"><a name="atas">Google</a></h1>
<p>Google LLC adalah sebuah perusahaan multinasional Amerika Serikat yang berkekhususan pada jasa dan produk Internet. Produk-produk tersebut meliputi teknologi pencarian, komputasi web, perangkat lunak, dan periklanan daring. Sebagian besar labanya berasal dari AdWords.</p>
<h1 align="center"><a name="youtube">Youtube</a></h1>
<p>YouTube adalah sebuah situs web berbagi video yang dibuat oleh tiga mantan karyawan PayPal pada Februari 2005. Situs ini memungkinkan pengguna mengunggah, menonton, dan berbagi video. Perusahaan ini berkantor pusat di San Bruno, California, dan memakai teknologi Adobe Flash Video dan HTML5 untuk menampilkan berbagai macam konten video buatan pengguna, termasuk klip film, klip TV, dan video musik. Selain itu ada pula konten amatir seperti blog video, video orisinal pendek, dan video pendidikan.</p>
<h1 align="center"><a name="internet">Internet</a></h1>
<p>Internet (kependekan dari interconnection-networking) adalah seluruh jaringan komunikasi yang menggunakan media elektronik, yang saling terhubung menggunakan standar sistem global Transmission Control Protocol/Internet Protocol Suite (TCP/IP) sebagai protokol pertukaran paket (packet switching communication protocol) untuk melayani miliaran pengguna di seluruh dunia.Rangkaian internet yang terbesar dinamakan Internet. Cara menghubungkan rangkaian dengan kaidah ini dinamakan internetworking ("antarjaringan").</p>
<p>
<center>
<a href="#atas">Google</a> | <a href="#youtube">Youtube</a> | <a href="#internet">Internet</a>
</center>
</p>
</body>
</html>
 |
| Membuat Anchor |
0 Comments