Cara Menyambung Dua Halaman dalam Laman Web-tutorial js-php.cn

Cara Menyambung Dua Halaman dalam Laman Web

Susan Sarandon

Lepaskan： 2024-10-08 06:23:02

asal

1073 orang telah melayarinya

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>

Salin selepas log masuk

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>

Salin selepas log masuk

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>

Salin selepas log masuk

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>

Salin selepas log masuk

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

Salin selepas log masuk

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!