1. 程式人生 > >HTML 連結(a標籤)

HTML 連結(a標籤)

HTML 連結
HTML 使用超級連結與網路上的另一個文件相連。幾乎可以在所有的網頁中找到連結。點選連結可以從一張頁面跳轉到另一張頁面。

1、HTML 連結標籤
< a href=“https://www.baidu.com”> 定義一個超級連結< /a>
HTML使用標籤< a>來設定超文字連結:
超連結可以是一個字一個詞或者一副話等,可以點選這些內容來跳轉到新的文件或者當前文件中的某個部分;
當您把滑鼠指標移動到網頁中的某個連結上時,箭頭會變成一隻小手
在標籤< a>中使用了href屬性來描述連結的地址
預設情況下 連結將以以下形式出現在瀏覽器中:
1、一個未訪問過的連結顯示為藍色字型並帶有下劃線
2、訪問過的連結顯示為紫色並帶有下劃線
3、點選連結時,連結顯示為紅色並帶有下劃線。

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

2、HTML 連結語法
< a href=“url”>連結文字< /a>
href屬性描述了連結的目標

例子
< a href=“https://www.baidu.com”>百度一下< /a>
上面的程式碼就會開啟百度
提示: “連結文字” 不必一定是文字。圖片或其他 HTML 元素都可以成為連結。

3、HTML連結 -target屬性
可以定義被連結的文件在何處顯示
< a href = “http://www.baidu.com” target=“baidu”>百度一下< /a>
例子
< a href=“

https://www.baidu.com”>< img src=“images/1.jpeg” border=“10” alt=“圖片” width=“32” height=“32”>< /a>

4、HTML連結- id屬性
id屬性可用於建立一個HTML文件書籤標記
< a id=“tips”>有用的提示部分< /a>
在HTML文件中建立一個連結到有用的提示部分
< a href="#tips">訪問有用的提示部分< /a>
或者從另一個頁面建立一個連結到有用的提示部分(id)
< a href = “https://www.baidu.com#tips

”>訪問< /a>

例子 id屬性使用
< a href="#TIP">點選跳轉< /a>
< br>
< p>段落< /p>
< p>段落< /p>
< p>段落< /p>
< p>段落< /p>
< p>段落< /p>
< p>段落< /p>
< p>段落< /p>
< br>
< br>
< h1 id=“TIP”>這個最大的標題< /h1>
< p>段落< /p>

5、關於建立電子郵件連結時如何傳送郵件內容

在進行郵件內容傳送時,需要使用關鍵字:mailto
示例如下:
< a href="mailto:[email protected]?subject=這是郵件的主題&body=這是郵件的內容" rel=“nofollow”>傳送郵件< /a>

點擊發送郵件
這樣會調啟系統預設的郵件程式傳送給 [email protected],並且收件人那裡已經填上了我郵箱的地址。
關於建立電子郵件連結時如何進行抄送,密送.
在進行抄送時,需要使用關鍵字:cc
在進行密送時,需要使用關鍵字:bcc
示例如下:
< a href="mailto:[email protected][email protected]&[email protected]" rel=“nofollow”>傳送郵件< /a>