Cara membuat Link ke Halaman lain dan Link ke bagian Halaman

Link adalah bagian dari HTML yang fungsinya untuk menghubungkan satu halaman dengan halaman lain. Link juga bisa diartikan sebagai cara berpindah dari satu halaman ke halaman lain.
1. Link ke Halaman Lain
Tag yang digunakan untuk membuat link adalah tag anchor atau tag <a> , yang berpasangan dengan </a>. Link biasanya menggunakan objek untuk di klik yang di letakkan diatara tag buka dan tag tutup.
  1. Teks
  2. Tombol (Button)
  3. Gambar
Ketiga objek di atas sering dijadikan link, dan tidak ada kategori yang paling sering digunakan. Mimilih teks, tombol, atau gambar sebagai link sangat opsional atau tidak ada keharusan.

Format link
<a href="url" name="nama_link">Objek Link</a>


1.1. Contoh Link Dengan Objek Teks

<!--nama file link.html-->
Untuk ke halaman selanjutnya <a href="link2.html">Klik disini</a>

Teks klik disini jika di klik halaman akan berpindah ke link2.html. Pada contoh ini properti name tidak diperlukan. Properti name hanya diperlukan untuk pindah ke bagian halaman.

<!--nama file link2.html-->
Untuk kembali ke halaman sebelumnya <a href="link.html">Klik disini</a>

Link di atas untuk ke halaman link.html. Selanjutnya untuk link dengan objek tombol.

1.2. Contoh Link Dengan Objek Tombol

<!--nama file link3.html-->
<center><a href="link4.html"><input type="button" value="About"></a></center>

<!--nama file link4.html-->
<h3>Ini Adalah Halaman About</h3>
Setelah berhasil membuat teks dan tombol sebagai objek link kali ini kita akan menggunakan gambar sebagai objek link.

1.3. Contoh Link Dengan Objek Gambar


<!--nama file link5.html-->
<a href="http://google.com"><img src="gambar.png"></a>


Gambar di atas jika di klik maka halaman pindah ke google.com.

Baca juga perbedaan dinamis URL dan absolut URL

Catatan
URL link memungkinkan ke alamat halaman itu sendiri.

2. Link ke Bagian Halaman
Selanjutnya kita membuat link kebagian halaman. Untuk link kebagian halaman, kita akan menggunakan objek teks saja.

<!--nama file link6.html-->
<h3>Materi PHP yang penting dipelajari</h3>

<ol>
<li>Pengenalan PHP, Variabel dan String</li>
<li>Operator</li>
<li>Kondisi</li>
<li><a href="link6.html#perulangan">Perulangan</a></li>
<li>Array</li>
<li>Operasi string</li>
<li>Operasi Tanggal</li>
</ol>

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

<a name="perulangan"></a>
Perulangan adalah ...........................


Link di atas ada di tulisan Perulangan.

<li><a href="link6.html#perulangan">Perulangan</a></li>

link di tujukan ke halaman itu sendiri kemudian di ikuti tanda pagar dan name dari link yang dituju.

<a name="perulangan"></a>.




Catatan
Cara ini juga berlaku untuk link ke halaman lain.

Baca juga Tips Belajar HTML.

Popular posts from this blog

Cara Membuat Kalkulator Dengan Java Script

Aplikasi CRUD menggunakan Template Admin LTE