Cara menampilkan konten pada halaman yang sama di html

Question

Hyperlink sangat penting — itulah yang membuat Web menjadi web. Artikel ini menunjukkan sintaks yang diperlukan untuk membuat tautan, dan membahas praktik terbaik tautan

Table of Contents Show

Bagaimana cara menampilkan halaman lain di halaman yang sama dalam HTML?
Bagaimana cara menautkan ke konten halaman web yang sama dalam HTML?
Bagaimana cara menautkan ke elemen di halaman yang sama?
Bagaimana cara menampilkan data di halaman HTML?

Prasyarat. Keakraban HTML dasar, seperti yang tercakup dalam Memulai dengan HTML. Pemformatan teks HTML, seperti yang tercakup dalam dasar-dasar teks HTML. Objektif. Untuk mempelajari cara menerapkan hyperlink secara efektif, dan menautkan banyak file secara bersamaan

Hyperlink adalah salah satu inovasi paling menarik yang ditawarkan Web. Mereka telah menjadi fitur Web sejak awal, dan itulah yang membuat Web menjadi web. Hyperlink memungkinkan kami menautkan dokumen ke dokumen atau sumber lain, menautkan ke bagian tertentu dari dokumen, atau membuat aplikasi tersedia di alamat web. Hampir semua konten web dapat dikonversi menjadi tautan sehingga ketika diklik atau diaktifkan, browser web menuju ke alamat web lain (URL)

Catatan. URL dapat mengarah ke file HTML, file teks, gambar, dokumen teks, file video dan audio, atau apa pun yang ada di Web. Jika browser web tidak mengetahui cara menampilkan atau menangani file, browser akan menanyakan apakah Anda ingin membuka file tersebut (dalam hal ini, tugas membuka atau menangani file dialihkan ke aplikasi asli yang sesuai di perangkat)

Misalnya, beranda BBC berisi banyak tautan yang tidak hanya mengarah ke berbagai berita, tetapi juga area situs yang berbeda (fungsi navigasi), halaman masuk/pendaftaran (alat pengguna), dan lainnya

Tautan dasar dibuat dengan membungkus teks atau konten lain, lihat , di dalam elemen

<p>
  I'm creating a link to
  <a
    href="https://www.mozilla.org/en-US/"
    title="The best place to find more information about Mozilla's
          mission and how to contribute">the Mozilla homepage</a>.
</p>

5 dan menggunakan atribut, juga dikenal sebagai Referensi Hiperteks, atau target, yang berisi alamat web

<p>
  I'm creating a link to
  <a href="https://www.mozilla.org/en-US/">the Mozilla homepage</a>.
</p>

_

Ini memberi kita hasil berikut

Saya membuat tautan ke beranda Mozilla

Atribut lain yang mungkin ingin Anda tambahkan ke tautan Anda adalah

<p>
  I'm creating a link to
  <a
    href="https://www.mozilla.org/en-US/"
    title="The best place to find more information about Mozilla's
          mission and how to contribute">the Mozilla homepage</a>.
</p>

7. Judul berisi informasi tambahan tentang tautan, seperti jenis informasi apa yang terdapat di halaman, atau hal-hal yang harus diperhatikan di situs web

<p>
  I'm creating a link to
  <a
    href="https://www.mozilla.org/en-US/"
    title="The best place to find more information about Mozilla's
          mission and how to contribute">the Mozilla homepage</a>.
</p>

Ini memberi kita hasil berikut dan mengarahkan kursor ke tautan menampilkan judul sebagai tooltip

Saya membuat tautan ke beranda Mozilla

Catatan. Judul tautan hanya terungkap pada mouse hover, yang berarti bahwa orang yang mengandalkan kontrol keyboard atau layar sentuh untuk menavigasi halaman web akan mengalami kesulitan mengakses informasi judul. Jika informasi judul benar-benar penting untuk kegunaan halaman, maka Anda harus menyajikannya dengan cara yang dapat diakses oleh semua pengguna, misalnya dengan memasukkannya ke dalam teks biasa.

Buat dokumen HTML menggunakan editor kode lokal Anda dan template persiapan kami

Di dalam badan HTML, tambahkan satu atau lebih paragraf atau jenis konten lain yang sudah Anda ketahui
Ubah beberapa konten menjadi tautan
Sertakan atribut judul

Seperti yang disebutkan sebelumnya, hampir semua konten dapat dibuat menjadi tautan, bahkan. Jika Anda memiliki gambar yang ingin dijadikan tautan, gunakan elemen

<p>
  I'm creating a link to
  <a
    href="https://www.mozilla.org/en-US/"
    title="The best place to find more information about Mozilla's
          mission and how to contribute">the Mozilla homepage</a>.
</p>

5 dan rujuk file gambar dengan elemen

<p>
  I'm creating a link to
  <a
    href="https://www.mozilla.org/en-US/"
    title="The best place to find more information about Mozilla's
          mission and how to contribute">the Mozilla homepage</a>.
</p>

9

<a href="https://www.mozilla.org/en-US/">
  <img src="mozilla-image.png" alt="Mozilla homepage" />
</a>

_

Catatan. Anda akan mengetahui lebih lanjut tentang menggunakan gambar di Web di artikel mendatang

Untuk sepenuhnya memahami target tautan, Anda perlu memahami URL dan jalur file. Bagian ini memberi Anda informasi yang Anda butuhkan untuk mencapai ini

URL, atau Uniform Resource Locator adalah rangkaian teks yang menentukan lokasi sesuatu di Web. Misalnya, beranda bahasa Inggris Mozilla terletak di

<a href="https://www.mozilla.org/en-US/">
  <img src="mozilla-image.png" alt="Mozilla homepage" />
</a>

0

URL menggunakan jalur untuk menemukan file. Jalur menentukan di mana file yang Anda minati berada di sistem file. Mari kita lihat contoh struktur direktori, lihat direktori pembuatan-hyperlink

Akar dari struktur direktori ini disebut

<a href="https://www.mozilla.org/en-US/">
  <img src="mozilla-image.png" alt="Mozilla homepage" />
</a>

1. Saat bekerja secara lokal dengan situs web, Anda akan memiliki satu direktori yang berisi seluruh situs. Di dalam root, kami memiliki file

<a href="https://www.mozilla.org/en-US/">
  <img src="mozilla-image.png" alt="Mozilla homepage" />
</a>

_2 dan

<a href="https://www.mozilla.org/en-US/">
  <img src="mozilla-image.png" alt="Mozilla homepage" />
</a>

3. Di situs web nyata,

<a href="https://www.mozilla.org/en-US/">
  <img src="mozilla-image.png" alt="Mozilla homepage" />
</a>

_2 akan menjadi beranda atau halaman arahan kami (halaman web yang berfungsi sebagai titik masuk untuk situs web atau bagian tertentu dari situs web. )

Ada juga dua direktori di dalam root kita —

<a href="https://www.mozilla.org/en-US/">
  <img src="mozilla-image.png" alt="Mozilla homepage" />
</a>

5 dan

<a href="https://www.mozilla.org/en-US/">
  <img src="mozilla-image.png" alt="Mozilla homepage" />
</a>

6. Masing-masing memiliki satu file di dalamnya — file PDF (

<a href="https://www.mozilla.org/en-US/">
  <img src="mozilla-image.png" alt="Mozilla homepage" />
</a>

7) dan

<a href="https://www.mozilla.org/en-US/">
  <img src="mozilla-image.png" alt="Mozilla homepage" />
</a>

2, masing-masing. Perhatikan bahwa Anda dapat memiliki dua file

<a href="https://www.mozilla.org/en-US/">
  <img src="mozilla-image.png" alt="Mozilla homepage" />
</a>

_2 dalam satu proyek, selama file tersebut berada di lokasi sistem file yang berbeda.

<a href="https://www.mozilla.org/en-US/">
  <img src="mozilla-image.png" alt="Mozilla homepage" />
</a>

_2 kedua mungkin akan menjadi halaman arahan utama untuk informasi terkait proyek

Direktori yang sama. Jika Anda ingin menyertakan hyperlink di dalam

<a href="https://www.mozilla.org/en-US/">
  <img src="mozilla-image.png" alt="Mozilla homepage" />
</a>

2 (tingkat atas

<a href="https://www.mozilla.org/en-US/">
  <img src="mozilla-image.png" alt="Mozilla homepage" />
</a>

2) menunjuk ke

<a href="https://www.mozilla.org/en-US/">
  <img src="mozilla-image.png" alt="Mozilla homepage" />
</a>

3, Anda akan menentukan nama file yang ingin Anda tautkan, karena berada di direktori yang sama dengan file saat ini. URL yang akan Anda gunakan adalah

<a href="https://www.mozilla.org/en-US/">
  <img src="mozilla-image.png" alt="Mozilla homepage" />
</a>

3

<p>
  Want to contact a specific staff member? Find details on our
  <a href="contacts.html">contacts page</a>.
</p>

Pindah ke bawah ke subdirektori. Jika Anda ingin menyertakan hyperlink di dalam

<a href="https://www.mozilla.org/en-US/">
  <img src="mozilla-image.png" alt="Mozilla homepage" />
</a>

2 (tingkat atas

<a href="https://www.mozilla.org/en-US/">
  <img src="mozilla-image.png" alt="Mozilla homepage" />
</a>

2) menunjuk ke

<p>
  Want to contact a specific staff member? Find details on our
  <a href="contacts.html">contacts page</a>.
</p>

7, Anda harus turun ke direktori

<a href="https://www.mozilla.org/en-US/">
  <img src="mozilla-image.png" alt="Mozilla homepage" />
</a>

6 sebelum menunjukkan file yang ingin Anda tautkan. Ini dilakukan dengan menentukan nama direktori, lalu garis miring, lalu nama file. URL yang akan Anda gunakan adalah

<p>
  Want to contact a specific staff member? Find details on our
  <a href="contacts.html">contacts page</a>.
</p>

7

<p>Visit my <a href="projects/index.html">project homepage</a>.</p>

Pindah kembali ke direktori induk. Jika Anda ingin menyertakan hyperlink di dalam

<p>
  Want to contact a specific staff member? Find details on our
  <a href="contacts.html">contacts page</a>.
</p>

7 yang mengarah ke

<p>Visit my <a href="projects/index.html">project homepage</a>.</p>

1, Anda harus naik satu tingkat direktori, lalu kembali ke direktori

<a href="https://www.mozilla.org/en-US/">
  <img src="mozilla-image.png" alt="Mozilla homepage" />
</a>

5. Untuk naik direktori, gunakan dua titik —

<p>Visit my <a href="projects/index.html">project homepage</a>.</p>

3 — jadi URL yang akan Anda gunakan adalah

<p>Visit my <a href="projects/index.html">project homepage</a>.</p>

4

<p>A link to my <a href="../pdfs/project-brief.pdf">project brief</a>.</p>

Catatan. Anda dapat menggabungkan beberapa contoh fitur ini ke dalam URL yang kompleks, jika diperlukan, misalnya.

<p>Visit my <a href="projects/index.html">project homepage</a>.</p>

5

Dimungkinkan untuk menautkan ke bagian tertentu dari dokumen HTML, yang dikenal sebagai fragmen dokumen, bukan hanya ke bagian atas dokumen. Untuk melakukan ini, pertama-tama Anda harus menetapkan atribut ke elemen yang ingin Anda tautkan. Biasanya masuk akal untuk menautkan ke tajuk tertentu, jadi ini akan terlihat seperti berikut ini

<h2 id="Mailing_address">Mailing address</h2>

Kemudian untuk menautkan ke

<p>Visit my <a href="projects/index.html">project homepage</a>.</p>

_6 tertentu, Anda akan memasukkannya di akhir URL, didahului dengan simbol hash/pound (

<p>Visit my <a href="projects/index.html">project homepage</a>.</p>

8), misalnya

<p>
  Want to write us a letter? Use our
  <a href="contacts.html#Mailing_address">mailing address</a>.
</p>

Anda bahkan dapat menggunakan referensi fragmen dokumen itu sendiri untuk menautkan ke bagian lain dari dokumen saat ini

<p>
  The <a href="#Mailing_address">company mailing address</a> can be found at the
  bottom of this page.
</p>

Dua istilah yang akan Anda temui di Web adalah URL absolut dan URL relatif

URL absolut. Menunjuk ke lokasi yang ditentukan oleh lokasi absolutnya di web, termasuk protokol dan nama domain. Misalnya, jika halaman

<a href="https://www.mozilla.org/en-US/">
  <img src="mozilla-image.png" alt="Mozilla homepage" />
</a>

_2 diunggah ke direktori bernama

<a href="https://www.mozilla.org/en-US/">
  <img src="mozilla-image.png" alt="Mozilla homepage" />
</a>

6 yang berada di dalam root server web, dan domain situs webnya adalah

<p>A link to my <a href="../pdfs/project-brief.pdf">project brief</a>.</p>

1, halaman tersebut akan tersedia di

<p>A link to my <a href="../pdfs/project-brief.pdf">project brief</a>.</p>

2 (atau bahkan hanya

<p>A link to my <a href="../pdfs/project-brief.pdf">project brief</a>.</p>

3, karena sebagian besar server web hanya melihat . )

URL absolut akan selalu mengarah ke lokasi yang sama, di mana pun URL tersebut digunakan

URL relatif. Menunjuk ke lokasi yang relatif terhadap file yang Anda tautkan, lebih seperti yang kita lihat di bagian sebelumnya. Misalnya, jika kami ingin menautkan dari file contoh kami di

<p>A link to my <a href="../pdfs/project-brief.pdf">project brief</a>.</p>

2 ke file PDF di direktori yang sama, URL hanya akan berupa nama file —

<a href="https://www.mozilla.org/en-US/">
  <img src="mozilla-image.png" alt="Mozilla homepage" />
</a>

7 — tidak diperlukan informasi tambahan. Jika PDF tersedia di subdirektori di dalam

<a href="https://www.mozilla.org/en-US/">
  <img src="mozilla-image.png" alt="Mozilla homepage" />
</a>

6 yang disebut

<a href="https://www.mozilla.org/en-US/">
  <img src="mozilla-image.png" alt="Mozilla homepage" />
</a>

5, tautan relatifnya adalah

<p>Visit my <a href="projects/index.html">project homepage</a>.</p>

1 (URL absolut yang setara adalah

<h2 id="Mailing_address">Mailing address</h2>

0. )

URL relatif akan menunjuk ke tempat yang berbeda tergantung pada lokasi sebenarnya dari file yang Anda referensikan — misalnya jika kami memindahkan file

<a href="https://www.mozilla.org/en-US/">
  <img src="mozilla-image.png" alt="Mozilla homepage" />
</a>

2 kami dari direktori

<a href="https://www.mozilla.org/en-US/">
  <img src="mozilla-image.png" alt="Mozilla homepage" />
</a>

6 dan ke root situs web (tingkat teratas, bukan di direktori mana pun)

Tentu saja, lokasi file

<a href="https://www.mozilla.org/en-US/">
  <img src="mozilla-image.png" alt="Mozilla homepage" />
</a>

_7 dan folder

<a href="https://www.mozilla.org/en-US/">
  <img src="mozilla-image.png" alt="Mozilla homepage" />
</a>

5 tidak akan tiba-tiba berubah karena Anda memindahkan file

<a href="https://www.mozilla.org/en-US/">
  <img src="mozilla-image.png" alt="Mozilla homepage" />
</a>

2 — ini akan membuat tautan Anda mengarah ke tempat yang salah, sehingga tidak akan berfungsi jika diklik. Kamu harus berhati hati

Ada beberapa praktik terbaik untuk diikuti saat menulis tautan. Mari kita lihat ini sekarang

Sangat mudah untuk melemparkan link ke halaman Anda. Itu tidak cukup. Kami perlu membuat tautan kami dapat diakses oleh semua pembaca, terlepas dari konteks mereka saat ini dan alat apa yang mereka sukai. Sebagai contoh

Pengguna pembaca layar suka melompat-lompat dari tautan ke tautan di halaman, dan membaca tautan di luar konteks
Mesin pencari menggunakan teks tautan untuk mengindeks file target, jadi sebaiknya sertakan kata kunci dalam teks tautan Anda untuk menjelaskan secara efektif apa yang sedang ditautkan
Pembaca visual membaca sekilas halaman alih-alih membaca setiap kata, dan mata mereka akan tertarik ke fitur halaman yang menonjol, seperti tautan. Mereka akan menganggap teks tautan deskriptif berguna

Mari kita lihat contoh spesifik

Teks tautan yang bagus. Unduh Firefox

<p><a href="https://www.mozilla.org/firefox/">
  Download Firefox
</a></p>

Teks tautan buruk. Klik di sini untuk mengunduh Firefox

<p>
  I'm creating a link to
  <a
    href="https://www.mozilla.org/en-US/"
    title="The best place to find more information about Mozilla's
          mission and how to contribute">the Mozilla homepage</a>.
</p>

0

Kiat lainnya

Jangan ulangi URL sebagai bagian dari teks tautan — URL terlihat jelek, dan terdengar lebih jelek saat pembaca layar membacakannya huruf demi huruf
Jangan ucapkan "tautan" atau "tautan ke" dalam teks tautan — itu hanya kebisingan. Pembaca layar memberi tahu orang-orang bahwa ada tautan. Pengguna visual juga akan tahu bahwa ada tautan, karena tautan umumnya ditata dengan warna berbeda dan digarisbawahi (konvensi ini umumnya tidak boleh dilanggar, karena pengguna sudah terbiasa dengannya)
Pertahankan teks tautan Anda sesingkat mungkin — ini berguna karena pembaca layar perlu menginterpretasikan seluruh teks tautan
Minimalkan contoh di mana banyak salinan dari teks yang sama ditautkan ke tempat yang berbeda. Hal ini dapat menyebabkan masalah bagi pengguna pembaca layar, jika terdapat daftar tautan di luar konteks yang berlabel "klik di sini", "klik di sini", "klik di sini"

Saat menautkan ke sumber daya yang akan diunduh (seperti dokumen PDF atau Word), dialirkan (seperti video atau audio), atau memiliki efek lain yang berpotensi tidak diharapkan (membuka jendela munculan), Anda harus menambahkan kata-kata yang jelas untuk mengurangi kebingungan

Sebagai contoh

Jika Anda menggunakan koneksi bandwidth rendah, klik sebuah tautan, lalu unduhan multi-megabyte dimulai secara tidak terduga

Mari kita lihat beberapa contoh, untuk melihat jenis teks apa yang bisa digunakan di sini

<p>
  I'm creating a link to
  <a
    href="https://www.mozilla.org/en-US/"
    title="The best place to find more information about Mozilla's
          mission and how to contribute">the Mozilla homepage</a>.
</p>

_1

Saat Anda menautkan ke sumber daya yang akan diunduh daripada dibuka di browser, Anda dapat menggunakan atribut

<h2 id="Mailing_address">Mailing address</h2>

9 untuk memberikan nama file penyimpanan default. Berikut adalah contoh dengan tautan unduhan ke Firefox versi Windows terbaru

<p>
  I'm creating a link to
  <a
    href="https://www.mozilla.org/en-US/"
    title="The best place to find more information about Mozilla's
          mission and how to contribute">the Mozilla homepage</a>.
</p>

_2

Untuk latihan ini, kami ingin Anda menautkan beberapa halaman bersama dengan menu navigasi untuk membuat situs web multi halaman. Ini adalah salah satu cara umum pembuatan situs web — struktur halaman yang sama digunakan di setiap halaman, termasuk menu navigasi yang sama, jadi saat tautan diklik, ini memberikan kesan bahwa Anda berada di tempat yang sama, dan konten yang berbeda

Anda harus membuat salinan lokal dari empat halaman berikut, semuanya dalam direktori yang sama. Untuk daftar file lengkap, lihat direktori navigasi-menu-start

indeks. html
proyek. html
foto-foto. html
sosial. html

Anda harus

Tambahkan daftar tidak berurutan di tempat yang ditunjukkan pada satu halaman yang menyertakan nama halaman yang akan ditautkan. Menu navigasi biasanya hanya berupa daftar tautan, jadi secara semantik OK
Ubah setiap nama halaman menjadi tautan ke halaman itu
Salin menu navigasi ke setiap halaman
Di setiap halaman, hapus hanya tautan ke halaman yang sama — ini membingungkan dan halaman tidak perlu menyertakan tautan ke halaman itu sendiri. Dan, kurangnya tautan berfungsi sebagai pengingat visual yang baik tentang halaman mana yang sedang Anda buka

Contoh selesai akan terlihat mirip dengan halaman berikut

Catatan. Jika Anda buntu, atau tidak yakin apakah Anda melakukannya dengan benar, Anda dapat memeriksa direktori navigasi-menu-marked-up untuk melihat jawaban yang benar

Dimungkinkan untuk membuat tautan atau tombol yang, saat diklik, membuka pesan email keluar baru daripada menautkan ke sumber daya atau halaman. Ini dilakukan dengan menggunakan elemen

<p>
  I'm creating a link to
  <a
    href="https://www.mozilla.org/en-US/"
    title="The best place to find more information about Mozilla's
          mission and how to contribute">the Mozilla homepage</a>.
</p>

_5 dan skema URL

<p>
  Want to write us a letter? Use our
  <a href="contacts.html#Mailing_address">mailing address</a>.
</p>

1

Dalam bentuknya yang paling dasar dan umum digunakan, tautan

<p>
  Want to write us a letter? Use our
  <a href="contacts.html#Mailing_address">mailing address</a>.
</p>

1 menunjukkan alamat email penerima yang dituju. Sebagai contoh

<p>
  I'm creating a link to
  <a
    href="https://www.mozilla.org/en-US/"
    title="The best place to find more information about Mozilla's
          mission and how to contribute">the Mozilla homepage</a>.
</p>

_3

Ini menghasilkan tautan yang terlihat seperti ini. Kirim email ke mana-mana

Bahkan, alamat email itu opsional. Jika Anda menghilangkannya dan Anda adalah "mailto. ", jendela email keluar baru akan dibuka oleh klien email pengguna tanpa alamat tujuan. Ini sering berguna sebagai tautan "Bagikan" yang dapat diklik pengguna untuk mengirim email ke alamat yang mereka pilih

Selain alamat email, Anda dapat memberikan informasi lainnya. Bahkan, bidang header email standar apa pun dapat ditambahkan ke URL

<p>
  Want to write us a letter? Use our
  <a href="contacts.html#Mailing_address">mailing address</a>.
</p>

4 yang Anda berikan. Yang paling umum digunakan adalah "subjek", "cc", dan "badan" (yang bukan bidang tajuk sebenarnya, tetapi memungkinkan Anda menentukan pesan konten singkat untuk email baru). Setiap bidang dan nilainya ditentukan sebagai istilah kueri

Berikut adalah contoh yang menyertakan cc, bcc, subjek, dan isi

<p>
  I'm creating a link to
  <a
    href="https://www.mozilla.org/en-US/"
    title="The best place to find more information about Mozilla's
          mission and how to contribute">the Mozilla homepage</a>.
</p>

_4

Catatan. Nilai setiap bidang harus disandikan URL dengan karakter non-cetak (karakter tak terlihat seperti tab, carriage return, dan page break) dan spasi dengan persen-escaped. Perhatikan juga penggunaan tanda tanya (

<p>
  Want to write us a letter? Use our
  <a href="contacts.html#Mailing_address">mailing address</a>.
</p>

5) untuk memisahkan URL utama dari nilai kolom, dan ampersand (&) untuk memisahkan setiap kolom di URL

<p>
  Want to write us a letter? Use our
  <a href="contacts.html#Mailing_address">mailing address</a>.
</p>

1. Ini adalah notasi kueri URL standar. Baca untuk memahami untuk apa notasi kueri URL lebih umum digunakan

Berikut beberapa contoh

<p>
  Want to write us a letter? Use our
  <a href="contacts.html#Mailing_address">mailing address</a>.
</p>

_4 URL lainnya

mailto
mailto. tempat@mozilla. org
mailto. tempat@mozilla. org,nobody@mozilla. org
mailto. tempat@mozilla. org?cc=nobody@mozilla. org
mailto. tempat@mozilla. org?cc=nobody@mozilla. org&subjek=Ini%20adalah%20the%20subjek

Anda telah mencapai bagian akhir artikel ini, tetapi dapatkah Anda mengingat informasi yang paling penting? . Tautan

Itu saja untuk tautan, untuk saat ini. Anda akan kembali ke tautan nanti di kursus saat Anda mulai melihat penataannya. Selanjutnya untuk HTML, kita akan kembali ke semantik teks dan melihat beberapa fitur yang lebih canggih/tidak biasa yang menurut Anda berguna — Pemformatan teks tingkat lanjut adalah perhentian Anda berikutnya

Bagaimana cara menampilkan halaman lain di halaman yang sama dalam HTML?

Metode 1. Menggunakan HTML. Seseorang dapat menggunakan tag jangkar untuk mengalihkan ke bagian tertentu pada halaman yang sama . Anda perlu menambahkan "atribut id" ke bagian yang ingin Anda tampilkan dan menggunakan id yang sama di atribut href dengan "#" di tag jangkar.

Bagaimana cara menautkan ke konten halaman web yang sama dalam HTML?

Untuk melakukan ini, posisikan kursor Anda pada halaman tempat Anda ingin tautan muncul, lalu buka Sisipkan > Tautan. Di jendela yang muncul, masukkan teks yang ingin ditampilkan sebagai tautan, dan di Bidang URL, masukkan #targetname, di mana targetname adalah nama target Anda. Dalam contoh kita, kita akan memasukkan #jsmith

Bagaimana cara menautkan ke elemen di halaman yang sama?

Menautkan ke elemen di halaman yang sama . Anda dapat menggunakan href="#top" atau fragmen kosong ( href="#" ) untuk menautkan ke bagian atas laman saat ini, seperti yang ditentukan .