HTML連結的功能

(*-*)浩
發布: 2019-08-27 16:09:22
原創
3447 人瀏覽過

HTML使用超級連結與網路上的另一個文件相連。

幾乎可以在所有的網頁中找到連結。點擊連結可以從一張頁面跳到另一張頁面。

HTML連結的功能

HTML 超連結(連結)(推薦學習:HTML入門教學)

超連結可以是一個字,一個詞,或者一組詞,也可以是一幅圖像,您可以點擊這些內容來跳到新的文件或當前文件中的某個部分。

當您把滑鼠指標移到網頁中的某個連結時,箭頭會變成一隻小手。

我們透過使用 標籤在 HTML 中建立連結。

有兩種使用 標籤的方式:

#透過使用href 屬性- 建立指向另一個文件的連結

透過使用name 屬性- 建立文件內的書籤

HTML 連結語法

連結的HTML 程式碼很簡單。它類似這樣:

<a href="url">Link text</a>
登入後複製

href 屬性規定連結的目標。

開始標籤和結束標籤之間的文字被當作超級連結來顯示。

實例

<a href="http://www.w3school.com.cn/">Visit W3School</a>
登入後複製

點擊這個超連結會把使用者帶到 W3School 的首頁。

提示:"連結文字" 不必一定是文字。圖片或其他 HTML 元素都可以成為連結。

HTML 連結 - name 屬性

name 屬性規定錨(anchor)的名稱。

您可以使用 name 屬性建立 HTML 頁面中的書籤。

書籤不會以任何特殊方式顯示,它對讀者是不可見的。

當使用命名錨(named anchors)時,我們可以創建直接跳至該命名錨(比如頁面中某個小節)的鏈接,這樣用戶就無需不停地滾動頁面來尋找他們需要的訊息了。

命名錨的語法:

<a name="label">锚(显示在页面上的文本)</a>
登入後複製

提示:錨的名稱可以是任何你喜歡的名字。

提示:您可以使用 id 屬性來取代 name 屬性,命名錨同樣有效。

以上是HTML連結的功能的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板