Membuat Link Anchor Yang Ngelink Ke Bagian Halaman Itu sendiri

dalam HTML
Hosting Murah Berkualitas

Pada Tutorial Pembelajaran yang lalu saya sudah mengajarkan kepada anda tentang bagaimana cara membuat link ke halaman website lain dan membuat link ke dokumen halaman lain yang ada pada satu server atau komputer. Jika anda belum mempelajarinya silahkan anda baca artikelnya pada artikel saya yang berjudul Membuat Link Teks Ke Halaman Website Lain Dengan HTML dan Membuat Link Gambar Ke Halaman Website Lain Dengan HTML. Pada artikel tersebut saya jelaskan tentang bagaimana membuat link dalam bentuk link gambar maupun link dalam bentuk link teks.

Pada kesempatan kali ini saya akan mengajarkan kepada anda tentang membuat link juga, cuma link yang akan kita buat ini ditujukan untuk menuju pada bagian halaman itu sendiri. Jadi, link yang akan kita buat ini akan loncat ke bagian atas dokumen, kebagian tengah dokumen ataupun ke bagian bawah dokumen.

Pembuatan link ini secara teknis agak berbeda dari pembelajaran pembuatan link yang sebelumnya karena agar link ini nantinya bisa loncat ke awal dokumen, ke tengah dokumen ataupun ke akhir dokumen maka harus dibuatkan sebuah anchor dulu sebagai tujuan dari link yang akan kita buat pada dokumen halaman HTML. Dimana nantinya anchor ini kita beri sebuah nama agar nantinya ketika dipanggil maka link yang kita buat tersebut mengarah pada anchor tersebut.

Adapun Tag yang akan kita pakai untuk membuat nama anchor tersebut adalah,

<A Name=”nama-anchor-tujuan”></A>

Dengan menggunakan Tag diatas, maka arah tujuan yang akan dituju oleh sebuah link itu bisa dibuat dengan membuat nama anchor pada Tag tersebut. Setelah nama anchor tersebut sudah dibuat, maka kita tinggal membuat linknya yang nantinya akan digunakan untuk memanggil nama anchor yang sudah dibuat sebelumnya.

Adapun Tag yang nantinya akan digunakan untuk memanggil nama anchor yang sudah didefinisikan tadi adalah tag berikut,

<A HREF=”#nama-anchor-tujuan”></A>

Dengan menggunakan Tag diatas maka apabila nanti link tersebut kita klik maka tampilan website akan mengarah menuju ke bagian dokumen yang disebut nama anchornya pada link tadi.

Untuk agar anda bisa melihat perbedaannya bahwa tag <A Name=”nama-anchor-tujuan”></A> dan Tag <A HREF=”#nama-anchor-tujuan”></A> ini bisa bekerja dengan baik maka diusahakan agar anda membuat beberapa paragraf yang panjang yang apabila anda ingin melihat bagian dokumen yang ada di awal, ditengah ataupun dibawah dokumen anda harus menggunakan scroll bar. Karena dengan adanya scroll bar ini nantinya akan membuat anda bisa lebih faham tentang apa yang di maksud dengan link anchor yang sedang kita bahas dalam artikel ini.

Untuk tujuan pemahaman maksud dari artikel ini, mari kita langsung saja praktekkan bagaimana caranya Membuat Link Anchor Yang Ngelink Ke Bagian Halaman Itu sendiri ini.

Silahkan anda Copy Paste kode-kode HTML dibawah ini kedalam Notepad kosong anda.

<html>
<header>
<title>
Membuat Link Anchor Yang Ngelink Pada Halaman Itu sendiri
</title>
</header><body bgcolor=”aqua”>
<p><font size=6 color=”red”><a name=”paragraf1″>Paragraf 1</a></font><br>
<font size=6>
Pada kesempatan kali ini saya akan berbagi beberapa Tips Cara Pijat Refleksi yang bermanfaat bagi kesehatan. Pijat refleksi ini sangat praktis karena bisa dilakukan sendiri. Karena praktisnya, anda bisa mencobanya ketika anda sedang dalam waktu luang, sedang dalam masa sedang bersantai, sedang dalam liburan ataupun ketika anda sedang dalam rehat istirahat.
</font></p><p><font size=6 color=”red”><a name=”paragraf2″>Paragraf 2</a></font><br>
<font size=6>
Tanpa panjang lebar, kita langsung saja ke Tips Cara Pijat Refleksi nya. Tapi sebelum membahasnya, anda perlu tahu dulu bahwa di dalam anggota tubuh kita itu ada terdapat banyak titik syaraf diseluruh permukaan kulit kita. Dan apabila kita melakukan suatu pijatan kecil pada suatu titik syaraf tertentu tersebut, maka akan memiliki dampak dan manfaat yang berbeda-beda pada kesehatan tubuh kita. Untuk jelasnya silahkan ikuti penjelasannya lengkapnya dibawah ini.
</font></p><p><font size=6 color=”red”><a name=”paragraf3″>Paragraf 3</a></font><br>
<font size=6>
Dengan padatnya aktifitas sehari-hari maka kita pun tentunya membutuhkan jadwal jam tidur yang cukup dan teratur untuk mengembalikan stamina anda. Cara yang biasa dilakukan oleh banyak orang untuk mengembalikan stamina tersebut selain dengan berolah raga dan mengasup makanan serta vitamin yang bergizi, kita pun memerlukan jadwal tidur yang cukup dan teratur. Namun untuk sebagian orang, ada yang sangat sulit sekali untuk bisa tidur, istilah populernya adalah insomnia. Nah, jika anda kebetulan mengalami sulit untuk tidur, tidak ada salahnya anda mencoba Tips Pijat Refleksi untuk mengatasi insomnia (sulit tidur) ini. Dengan melakukan pijatan kecil ini bisa menstimulasi anda menjadi lebih rileks dan bisa merangsang anda untuk bisa cepat tidur. Untuk melakukannya silahkan anda lakukan pijatan kecil pada area tangan anda ketika mau menjelang tidur atau sedang rebahan. Titik pijatannya bisa anda lihat pada gambar dibawah ini.
</font></p><p><font size=6 color=”red”><a name=”paragraf4″>Paragraf 4</a></font><br>
<font size=6>
Jika anda sedang mengalami depresi karena akibat dari banyaknya masalah yang sedang anda hadapi, maka semoga dengan tips pijat refleksi ini bisa membuat anda sedikit rileks melupakan sejenak permasalahan-permasalahan anda. Tentunya dengan melakukan hal ini tidak serta merta masalah anda dapat terselesaikan dengan baik, tapi paling tidak rasa depresi anda bisa sedikit agak dikurangi dengan tips pijat refleksi ini. Anda juga bisa gabungkan antara metode pijat refleksi untuk mengatasi depresi ini dengan metode pijat refleksi untuk mengatasi insomnia tadi diatas. Karena biasanya orang yang sedang mengalami depresi pun kadang kesulitan untuk tidur karena banyaknya masalah yang selalu terfikirkan. Untuk melakukan pijat refleksi untuk mengatasi depresi ini bisa dilakukan dengan cara memijat setiap ujung jari atas dari kaki anda. Dengan cara ini bisa membuat hormon serotonin anda bekerja, yang mana hormon serotonin ini bisa menimbulkan rasa bahagia pada orang yang mengalaminya. Selengkapnya bisa anda lihat pada gambar dibawah ini
</font></p><p><font size=6 color=”red”><a name=”paragraf5″>Paragraf 5</a></font><br>
<font size=6>
Hipertensi atau yang sering disebut dengan istilah darah tinggi ini adalah penyakit yang banyak dialami oleh sebagian orang yang biasanya sudah menginjak lansia atau lanjut usia. Penyakit hipertensi ini jika dibiarkan maka akan bisa menyebabkan seseorang itu terkena penyakit stroke bahkan bisa juga menyebabkan resiko kematian. Untuk mengurangi resiko-resiko tersebut, anda bisa lakukan dengan pijat refleksi ini sebagai pencegahan sekaligus mengatasi gejala hipertensi ini. caranya yaitu dengan cara memijat-mijat area telapak kaki anda dengan pijatan-pijatan kecil untuk melancarkan peredaran darah anda. Untuk lengkapnya anda bisa lihat gambar dibawah ini.
</font></p><p><font size=6 color=”red”><a name=”paragraf6″>Paragraf 6</a></font><br>
<font size=6>
Ketika dalam melakukan aktifitas sehari-hari tentunya anda akan aktif melakukan banyak gerakan dalam kegiatan anda. Hal ini tentunya akan membutuhkan pergerakan tulang dan otot sendi anda. Namun ada kalanya ketika kita beraktifitas kita merasakan otot sendi kita merasa sakit. Hal ini biasanya terjadi pada orang yang lanjut usia. Tapi tidak menutup kemungkinan akan terjadi juga pada anak muda seperti anda. Sebagian orang ada yang mengatasi masalah nyeri sendi ini dengan meminum jamu ada juga yg mengatasinya dengan istirahat ataupun cara lainnya. Nah, kali ini anda boleh coba sendiri dengan pijat refleksi ini. Caranya yaitu dengan memijat telapak kaki anda. Lihat titik yang harus anda pijat tersebut melalui gambar dibawah ini.
</font></p><br><br><font size=6 color=”yellow”><a href=”#paragraf1″>Kembali ke paragraf 1</a></font><br><font size=6 color=”yellow”><a href=”#paragraf2″>Kembali ke paragraf 2</a></font><br><font size=6 color=”yellow”><a href=”#paragraf3″>Kembali ke paragraf 3</a></font><br>

<font size=6 color=”yellow”><a href=”#paragraf4″>Kembali ke paragraf 4</a></font><br>

<font size=6 color=”yellow”><a href=”#paragraf5″>Kembali ke paragraf 5</a></font><br>

<font size=6 color=”yellow”><a href=”#paragraf6″>Kembali ke paragraf 6</a></font><br>

</body>
</html>

Setelah kode-kode diatas berhasil anda copy paste kedalam Notepad kosong anda, maka silahkan anda save dulu hasil copy paste tadi diatas hingga menjadi sebuah file dalam bentuk file HTML. Untuk proses pembuatan file HTML tadi caranya adalah dengan memberi nama file kemudian dibelakang nama file tersebut anda tambahkan tanda titik (.) lalu diikuti dengan mengetik kata html agar jika nanti anda save file ini menjadi file html. Jika anda belum tahu bagaimana cara membuat file HTML ini, maka silahkan disimak dulu artikel saya yang lainnya yang berjudul Belajar Mengenal Dasar-dasar Tag HTML atau dengan klik disini.

Jika file html tadi dijalankan maka anda akan melihat sebuah halaman website dengan banyak paragraf yang menjulur kebawah sehingga di bagian sisi kanan halaman akan muncul sebuah scroll bar yang bisa digunakan untuk melipat, menggulung atau menggulir halaman agar bisa melihat ke bagian bawah halaman maupun kebagian atas halaman. Untuk jelasnya lihat contoh gambar tampilannya dibawah ini.

tampilan link anchor yang ngelink ke bagian halaman itu sendiri

Pada bagian atas di gambar tersebut akan berjejer ada 6 paragraf dengan judul deskripsi masing-masing paragraf dari paragraf 1,2,3,4,5 sampai paragraf 6. Pada bagian paling bawah halaman terdapat 6 link yang jika anda klik salah satunya maka anda akan diarahkan menuju ke no paragraf yang anda tuju. Sedangkan pada bagian kanan halaman, anda akan melihat sebuah scroll bar untuk melipat, menggulung atau menggulir halaman ke bawah ataupun keatas. Scroll bar ini akan tampil jika paragraf anda memang berisi dengan content website yang sangat panjang sehingga secara otomatis scroll bar tersebut akan ditampilkan pada halaman website anda.

Penting : Ketika anda melakukan copy paste kode-kode HTML langsung dari website peterwebs.com ini, maka anda harus melakukannya dengan teknik yang benar agar kode-kode tersebut bisa dijalankan dengan baik. Untuk itu silahkan anda ikuti nanti artikel dan tutorialnya tentang Cara Mengcopy Paste Kode HTML dari Website Dengan Benar. Silahkan ditonton juga Video Tutorial Prakteknya melalui link video dibawah halaman ini.

Jika anda belum faham benar dengan langkah-langkah yang saya jelaskan pada artikel ini, maka silahkan anda langsung tonton saja Video Tutorialnya. melalui Link yang dibawah ini. Atau Jika anda ingin melihat semua Video Tutorial Pembelajaran Website lainnya yang sudah saya upload ke youtube, maka silahkan anda kunjungi saja channelnya dengan klik link ini

https://www.youtube.com/channel/UCyHUJtWm75DPmaJ93L5trog

Untuk memudahkan anda mendapatkan Update Video terbarunya, maka silahkan anda klik tombol SUBSCRIBE atau LANGGANAN di channel youtube tadi GRATIS tidak dipungut biaya sepeserpun.

Sedangkan jika anda ingin Memaksimalkan Pengetahuan Tentang Komputer, maka silahkan klik

https://www.youtube.com/channel/UCCN00g4lvoawk5tWsU-_syA

Jangan lupa klik tombol SUBSCRIBE nya untuk ber LANGGANANGRATIS di channel youtube KE-2 saya ini untuk memudahkan anda mendapatkan UPDATE VIDEO TERBARU dari saya.

Sekian dulu Tutorial Pembelajaran HTML dari saya kali ini semoga artikel yang berjudul Membuat Link Anchor Yang Ngelink Ke Bagian Halaman Itu sendiri ini bisa menambah pengetahuan ilmu website anda. Silahkan ikuti terus Update Artikel dan Update Video Tutorial Terbaru dari website Peterwebs.com ini dan jangan lupa praktek agar semakin hari skill anda tentang ilmu website ini semakin meningkat. Semoga bermanfaat dan salam sukses untuk anda semua.

Tags: #belajar html #html #kode html #membangun website #tutorial website #web design

author
Penulis: 
Saya adalah Seorang Blogger yang aktif dan konsen di bidang programming, web design, graphic design dan bisnis online. Saya juga tertarik pada bidang Parenting, Kesehatan dan informasi bermanfaat lainnya.
Cara Posting Artikel Di Website Berbasis WordPress
Cara Posting Artikel Di Website Berbasis WordPress
Pada saat yang lalu saya sudah membahas
Konfigurasi WordPress Yang Penting Untuk Diketahui
Konfigurasi WordPress Yang Penting Untuk Diketahui
Pada kesempatan yang lalu saya sudah membahas
Menambahkan Banyak Domain Dalam Satu Hosting Dengan Add-On Domain
Menambahkan Banyak Domain Dalam Satu Hosting Dengan Add-On Domain
Bagi anda yang ingin memiliki banyak website
Cara Merubah DNS Atau Name Server Dari Domain Yang Baru Di Beli
Cara Merubah DNS Atau Name Server Dari Domain Yang Baru Di Beli
Langkah pertama yang harus anda lakukan ketika
Cara Membeli Domain Dan Hosting
Cara Membeli Domain Dan Hosting
Salah satu persyaratan untuk bisa memiliki sebuah
Cara Install WordPress Di Localhost Dengan Xampp
Cara Install WordPress Di Localhost Dengan Xampp
Sebagai lanjutan dari pembelajaran membangun website, kali
Cara Install WebServer XAMPP Dan Cara Mendownload Software XAMPP
Cara Install WebServer XAMPP Dan Cara Mendownload Software XAMPP
Sebelum anda memulai untuk belajar membuat website,
Cara Memasukkan Video Ke Halaman Website Dengan HTML
Cara Memasukkan Video Ke Halaman Website Dengan HTML
Pada kesempatan yang lalu saya sudah share
Cara Mengcapture Gambar Di Komputer Dengan Screen Grab Pro
Cara Mengcapture Gambar Di Komputer Dengan Screen Grab Pro
Kali ini saya akan sharing bagaimana caranya

Beri komentar "Membuat Link Anchor Yang Ngelink Ke Bagian Halaman Itu sendiri"

Baca juga×

Top