<!DOCTYPE html>
<html>
<head>
<title>內部超連結示例</title>
</head>
<body>
<!-- 定義一個內部超連結，連結到頁面內部的特定部分 -->
<h2><a href="#section1">跳轉到第一部分</a></h2>
<h2><a href="#section2">跳轉到第二部分</a></h2>
<!-- 頁面的不同部分 -->
<div id="section1">
<h3>第一部分</h3>
<p>這裡是頁面的第一部分內容...</p>
</div>
<div id="section2">
<h3>第二部分</h3>
<p>這裡是頁面的第二部分內容...</p>
</div>
</body>
</html>
在這個例子中：
兩個<a>標籤分別創建了指向頁面內部兩個不同部分的連結。這些連結的href屬性設置為#section1和#section2，指向頁面上id屬性值為section1和section2的元素。
頁面中有兩個<div>元素，它們的id分別為section1和section2，對應於上面的兩個連結。點擊任一連結將會使頁面滾動到對應的<div>元素位置。
這種方法使得創建指向頁面內特定部分的連結變得簡單，非常適合於長頁面或需要提供快速導航功能的場景。
阿摩線上測驗
登入