在本指南中，您將學習如何使用基本 HTML 連結網站上的兩個頁面。連結頁面允許使用者輕鬆地在網站的不同部分之間導航。讓我們開始吧！
每個檔案的 HTML 可能如下所示：
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>
about.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>
為了連接兩個頁面，我們使用 HTML 中的標籤，它定義了一個超連結。標籤內的 href 屬性指定要連結的檔案的路徑。
例如：
<a href="about.html">Go to About Page</a>
在此範例中，按一下連結後，使用者將前往 about.html 頁面。
同樣，在「關於」頁面上，您可以使用以下方式建立返回主頁的連結：
<a href="index.html">Go to Home Page</a>
如果兩個檔案位於同一資料夾中，您的檔案結構應如下所示：
/website-folder ├── index.html ├── about.html
如果檔案位於不同的資料夾中，請調整 href 屬性以反映正確的路徑。
結論
這樣您就可以使用 HTML 輕鬆連接網站上的兩個頁面。這是建立網站的基本步驟，確保使用者順利導航。快樂編碼！
以上是如何連結網站中的兩個頁面的詳細內容。更多資訊請關注PHP中文網其他相關文章！
