首頁 > web前端 > html教學 > html怎麼設定連結

html怎麼設定連結

藏色散人
發布: 2023-01-06 11:14:32
原創
13094 人瀏覽過

在HTML中可以透過使用標籤來設定超文本鏈接,語法如「連結文字」;超連結可以是一個字,一個詞,或一組詞,也可以是一幅圖像,使用者可以點擊這些內容來跳到新的文件或目前文件中的某個部分。

html怎麼設定連結

本文操作環境:Windows7系統、HTML5&&CSS3版,DELL G3電腦

HTML使用標籤 設定超文本連結。

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

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

在標籤 中使用了href屬性來描述連結的位址。

預設情況下,連結將以以下形式出現在瀏覽器中:

  • #一個未造訪過的連結顯示為藍色字體並帶有底線。

  • 造訪過的連結顯示為紫色並帶有底線。

  • 點擊連結時,連結顯示為紅色並帶有底線。

注意:如果為這些超連結設定了 CSS 樣式,則展示樣式會根據 CSS 的設定而顯示。

HTML 連結語法

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

<a href="url">链接文本</a>
登入後複製

href 屬性描述了連結的目標。 .

實例

<a href="https://www.php.cn/">访问PHP中文网</a>
登入後複製

上面這行程式碼顯示為:存取PHP中文網

點擊這個超連結會把使用者帶到PHP中文網站的首頁。

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

推薦學習教學:html影片教學css影片教學

#

以上是html怎麼設定連結的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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