一、何為超連結
1.a标簽
在HTML中，使用a标簽來實作超連結。
(1)文法格式
文本或圖檔
① 說明
href表示想要跳轉到的那個頁面的路徑，可以是相對路徑，也可以是絕對路徑。
我們可以将文本設定為超連結，即文本超連結；也可以将圖檔設定為超連結，即圖檔超連結。
(2)示例
① 例1-文本超連結
超連結
文本超連結
文本超連結.png
② 例2-圖檔超連結
圖檔超連結1.png
超連結
圖檔超連結.png
2.target屬性
預設情況下，超連結都是在目前浏覽器視窗打開新頁面。
在HTML中，我們可以通過target屬性來定義超連結在視窗中的打開方式。
(1)文法格式
文本或圖檔
(2)target的4種屬性值
屬性值
說明
_self
預設值，在原來視窗打開連結。
_blank
在新視窗打開連結。
_parent
在父視窗打開連結。
_top
在頂層視窗打開連結。
① 實際開發
一般情況下，隻會用到_blank這一個值，其它三個值不需深究。
(3)示例
① 例1
超連結
見賢思齊
超連結target屬性_blank.png
二、内部連結
1.外部連結和内部連結
在HTML中，超連結有兩種：
外部連結
内部連結
(1)外部連結
指向的是外部網站的頁面。
(2)内部連結
指向的是自身網站的頁面。
2.怎麼做?
(1)示例
① 例1
内部連結示例1-1.png
要穿梭到頁面2啦
要穿梭到頁面3啦
這是頁面2呀呀呀呀
人生若隻如初見，何事秋風悲畫扇。
這是頁面3呦呦呦呦
見賢思齊焉，見不賢而内自省也。
内部連結示例1.png
三、錨點連結
當我們的頁面内容較多頁面過長時，會導緻使用者需要不停地拖動浏覽器的滾動條才可以檢視内 容。為了簡化使用者操作，我們可以使用錨點連結來優化使用者體驗。
1.何為錨點連結?
在HTML中，錨點連結其實是内部連結的一種，它的連結位址(href屬性)指向的是目前頁面的某個部分。
也就是說，點選頁面中的某一個超連結，然後它就會跳到“目前頁面”的某一部分。
2.怎麼做?
想要實作錨點連結，得滿足 2 個條件：
目标元素的id
a标簽的href屬性指向該id
(1)示例
① 例1
錨點超連結
曆史人物
中華
......
......
......
......
......
曆史人物
- 秦始皇
- 項羽
- 白居易
- 李清照
......
......
......
......
......
中華
- 遼甯
- 丹東
- 大連
- 沈陽
錨點超連結示例1.png