Rumah > Artikel > hujung hadapan web > Cara Menyambung Dua Halaman dalam Laman Web

Cara Menyambung Dua Halaman dalam Laman Web

Susan Sarandonasal: 2024-10-08 06:23:02940semak imbas

How to Connect Two Pages in a Website

Dalam panduan ini, anda akan belajar cara memautkan dua halaman di tapak web anda menggunakan HTML asas. Memautkan halaman membolehkan pengguna menavigasi antara bahagian tapak anda yang berbeza dengan mudah. Mari mulakan!

Buat Dua Fail HTML Mula-mula, buat dua fail HTML yang anda mahu pautkan. Sebagai contoh, mari buat satu dipanggil index.html (halaman utama anda) dan satu lagi dipanggil about.html (halaman perihal anda).

Begini rupa HTML untuk setiap fail:

index.html:


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Home Page</title>
</head>
<body>
    <h1>Welcome to the Home Page</h1>
    <p><a href="about.html">Go to About Page</a></p>
</body>
</html>

tentang.html:


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>About Page</title>
</head>
<body>
    <h1>About Us</h1>
    <p><a href="index.html">Go to Home Page</a></p>
</body>
</html>

2. Memautkan Halaman

Untuk menyambungkan dua halaman, kami menggunakan teg dalam HTML, yang mentakrifkan hiperpautan. Atribut href di dalam teg menentukan laluan ke fail yang anda mahu pautkan.

Contohnya:


<a href="about.html">Go to About Page</a>

Dalam contoh ini, pautan akan membawa pengguna ke halaman about.html apabila diklik.

Begitu juga, pada Halaman Perihal, anda boleh membuat pautan kembali ke Halaman Utama menggunakan:


<a href="index.html">Go to Home Page</a>

Struktur Fail Untuk pautan ini berfungsi dengan betul, kedua-dua fail hendaklah terletak dalam folder yang sama. Jika fail HTML anda berada dalam folder yang berbeza, anda perlu menentukan laluan fail yang betul dalam atribut href.

Begini rupa struktur fail anda jika kedua-dua fail berada dalam folder yang sama:


/website-folder
   ├── index.html
   ├── about.html

Jika fail berada dalam folder yang berbeza, laraskan atribut href untuk menggambarkan laluan yang betul.

Menguji Sambungan Selepas menyediakan pautan anda, buka fail index.html dalam pelayar web. Anda akan melihat pautan yang membawa anda ke Halaman Perihal. Apabila anda mengklik padanya, ia harus menavigasi ke about.html. Begitu juga, pada Halaman Perihal, mengklik pautan akan membawa anda kembali ke Halaman Utama.

Kesimpulan
Begitulah cara anda boleh menyambungkan dua halaman dengan mudah di tapak web anda menggunakan HTML. Ini adalah langkah asas dalam membina tapak web, memastikan navigasi lancar untuk pengguna. Selamat mengekod!

Atas ialah kandungan terperinci Cara Menyambung Dua Halaman dalam Laman Web. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

html if for using Attribute this href

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

Artikel sebelumnya：Liputan Kenyataan: Asas untuk Pengujian BerkesanArtikel seterusnya：Liputan Kenyataan: Asas untuk Pengujian Berkesan

Artikel berkaitan

Lihat lagi