BELAJAR HTML : MEMBUAT LINK MENUJU BAGIAN TERTENTU

A. Pendahuluan

Ketika kita membaca artikel yang sangat panjang di internet, biasanya ketika kita klik link yang disediakan maka seketika akan menuju sub bagian tertentu, atau ketika kita mengeklik dari halaman tertentu setelah diklik akan menuju halaman lain pada sub yang dituju. Hal itu bertujuan untuk memudahkan pembaca agar tidak perlu scroll ke bawah hanya untuk mencari bagian yang dicari.

  • Misalnya kita klik link dalam satu halaman berikut menuju ke      ==> Link Satu Halaman
  • Untuk contoh link menuju halaman lain dengan bagian tertentu    ==> Link Beda Halaman

B. Cara Membuat Link Satu Halaman

Cara membuat link dalam satu halaman disebut Jump Link, ketika kita klik link di atas anda langsung di arahkan ke suatu bagian tertentu, pada Link Satu Halaman akan menuju satu bagian tertentu dalam satu artikel,  Caranya membuatnya cukup mudah, untuk lebih jelasnya mari kita ikuti langkah – langkah berikut:

  • Tentukan bagian paragraf, sub judul atau apapun yang anda inginkan untuk dijadikan target link. Lalu buatlah id=”#link1hal”, anda dapat disesuaikan, usahakan tanpa spasi. Karena spasi akan berubah menjadi “%20” di address bar. Contohnya :

<div id=”link1hal“>Membuat Link Dalam satu Halaman</div>

  • Setelah kita menentukan lokasi yang ingin di jadikan target, langkah selanjutnya adalah membuat link itu sendiri. Caranya sangat mudah seperti membuat sebuah link biasa namun yang digunakan adalah id target yang kita buat tadi.

Berikut cara membua link targetnya:

<a href=”#link1hal“>Link Satu Halaman</a>

C. Cara Membuat Link Beda Halaman

Untuk membuat Link Beda Halaman akan menuju artikel yang berbeda dan bagian tertentu. Caranya sama dengan membuat Jump Link satu halaman, yaitu

  • membuat id target terlebih dahulu, seperti langkah diatas
  • Perbedaanya hanya pada pembuatan link targetnya, Jika target itu berada pada halaman lain maka akan menjadi:

<a href=”nama-halaman.html#linkbedahal“>Link Beda Halaman</a>


Membuat Link Dalam Satu Halaman

Link Satu Halaman yang dituju dibagian ini
Sesuaikan nama link dan id-nya sesuai dengan kebutuhan

Jika ada yang ingin ditanyakan silahkan tinggalkan pesan pada bagian Comen dibawah ini


2 Comments

Leave a Reply

Your email address will not be published.


*