Baidu"/> Baidu">

Rumah  >  Artikel  >  hujung hadapan web  >  html melompat ke halaman baharu

html melompat ke halaman baharu

PHPz
PHPzasal
2023-05-27 19:30:072934semak imbas

HTML ialah bahasa penanda yang digunakan untuk membina halaman web Salah satu fungsi yang paling biasa ialah fungsi pautan, yang membolehkan pengguna melompat ke halaman lain selepas mengklik padanya. Artikel ini akan memperkenalkan cara menggunakan fungsi pautan dalam HTML dan melompat ke halaman baharu.

1. Gunakan teg untuk membuat pautan

Dalam HTML, kita boleh menggunakan teg untuk mencipta pautan. Sebagai contoh, kod berikut akan membuat pautan ke halaman web Baidu:

<a href="https://www.baidu.com">百度一下,你就知道</a>

di mana atribut href menentukan URL sasaran pautan dan teks dalam teg ialah teks paparan pautan.

2. Buka pautan dalam halaman semasa

Secara lalai, pautan akan dibuka dalam halaman semasa. Contohnya, mengklik pautan di atas akan membuka halaman web Baidu dalam halaman semasa. Jika anda mahu pautan dibuka dalam halaman baharu, anda boleh menggunakan atribut sasaran.

3. Buka pautan dalam halaman baharu

Untuk membuka pautan dalam halaman baharu, anda perlu menentukan atribut sasaran sebagai "_blank", seperti yang ditunjukkan di bawah:

<a href="https://www.baidu.com" target="_blank">百度一下,你就知道</a>

Dengan cara ini, mengklik pautan akan membuka halaman web Baidu dalam tab penyemak imbas baharu.

4. Pautan ke fail setempat

Dalam HTML, kami juga boleh menggunakan fungsi pautan untuk memaut ke fail setempat, contohnya:

<a href="images/cat.jpg">查看猫咪照片</a>

Di sini, kami menunjukkan pautan ke Fail imej bernama "cat.jpg". Apabila pengguna mengklik pautan, fail imej akan dibuka dalam halaman semasa.

5. Pautan ke penanda halaman

Selain memaut ke halaman web luaran atau fail setempat, kami juga boleh menggunakan fungsi pautan untuk memaut ke lokasi tertentu dalam halaman, yang dipanggil penanda buku (Bookmark). Untuk membuat penanda halaman, anda perlu menambah "#+penanda halaman" selepas alamat sasaran pautan, contohnya:

<a href="#overview">查看概览</a>

<h2 id="overview">概览</h2>

Di sini, kami mula-mula menambahkan atribut id pada teg c1a436a314ed609750bd7c7d319db4da gambaran keseluruhan", ini menjadi penanda halaman. Kemudian, tambahkan "#+penanda halaman" pada alamat sasaran pautan untuk menghala ke penanda halaman. Apabila pengguna mengklik pada pautan, ia akan secara automatik menatal ke lokasi penanda halaman pada halaman.

Ringkasan

Menggunakan fungsi pautan HTML membolehkan kami melompat ke halaman lain dengan mudah, membuka fail setempat atau melompat ke lokasi tertentu dalam halaman. Gunakan teg untuk membuat pautan dan tentukan sasaran dan kaedah pembukaan pautan melalui atribut href dan sasaran. Pada masa yang sama, kami juga boleh menggunakan penanda halaman untuk menunjuk ke lokasi tertentu dalam halaman.

Atas ialah kandungan terperinci html melompat ke halaman baharu. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn