超連結介紹

超連結介紹

超連結是網站中使用比較頻繁的元素,是各個網頁之間的橋樑,

它能夠讓瀏覽者在各個獨立的頁面之間方便的跳轉。

除了指向一個網頁之外,超連結還可以用於指向圖片、檔案、郵箱地址等。

建立超連結

在HTML中建立超連結非常簡單!只需用標籤環繞需被連結的物件即可,基本語法格式如下:

<a href="跳轉目標” target=“目標視窗的彈出方式”>文字或影象</a>

a標籤常用屬性:

1. href:

用於指定連結目標的url地址,當給標籤應用href屬性時,它就具有了超連結的功能。

2. target:

用於指定連結頁面的開啟方式,其取值有self和blank兩種。

_self:預設值,表示目標視窗的彈出方式為在原視窗上;

_blank:表示目標視窗的彈出方式為,建立一個新的視窗。(當內容較多時,此方法就顯得較麻煩,此時就可以使用標籤來進行簡化,具體使用方法見文末~)。

<!——舉個栗子——>

<!DOCTYPE html>

Doument

友情連結:

百度

搜狐

網易

超連結介紹

注意:

外部連結:需新增 “http://”;

內部連結:直接連結內部頁面名稱即可;如 :< a href=“index。html”> 首頁

當沒有確定連結目標時,通常將連結標籤的href屬性值定義為“#”(即href=“#”),表示該連結暫時為一個空連結;

不僅可以建立文字超連結,在網頁中各種網頁元素,如影象、表格、音訊、影片等都可以新增超連結。

網站中經常會有一些文件頁面由於文字或者影象內容過多,導致頁面過長。訪問者需要不停拖動瀏覽器上的捲軸來檢視文件中的內容。為了方便使用者檢視文件中的內容,在文件中需要使用錨點連結。

建立錨點連結

錨點連結可以連結到本頁面的特定位置,也可以連結到另一個頁面的特定位置。其實現方式是新增錨標記。

透過建立錨點連結,使用者能夠快速定位到目標內容。

建立錨點連結分為兩步:

當跳轉到當前頁面的指定位置時,直接將錨標記設定為href屬性值。

“連結文字“

使用相應的id名標註跳轉目標的位置。

嗶哩吧啦

<!——舉個栗子——>

<!DOCTYPE html>

Doument

1

2

3

4

1、


哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈

哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈

哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈

2、


麻利麻利貝貝哄!!!!!!麻利麻利貝貝哄!!!!!!麻利麻利貝貝哄!!!!!!

麻利麻利貝貝哄!!!!!!麻利麻利貝貝哄!!!!!!麻利麻利貝貝哄!!!!!!

麻利麻利貝貝哄!!!!!!麻利麻利貝貝哄!!!!!!麻利麻利貝貝哄!!!!!!

3、


哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈

哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈

哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈

4、


麻利麻利貝貝哄!!!!!!麻利麻利貝貝哄!!!!!!麻利麻利貝貝哄!!!!!!

麻利麻利貝貝哄!!!!!!麻利麻利貝貝哄!!!!!!麻利麻利貝貝哄!!!!!!

麻利麻利貝貝哄!!!!!!麻利麻利貝貝哄!!!!!!麻利麻利貝貝哄!!!!!!

超連結介紹

標籤使用方法:用於之間,設定target屬性。如: