HTML 連結(jié)
HTML 使用超級連結(jié)與網(wǎng)路上的另一個(gè)文件相連。
幾乎可以在所有的網(wǎng)頁中找到連結(jié)。點(diǎn)擊連結(jié)可以從一張頁面跳到另一張頁面。
讓我們先看一個(gè)連結(jié)實(shí)例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <p><a href="/">PHP中文網(wǎng)</a> 是一個(gè)指向本網(wǎng)站中的一個(gè)頁面的鏈接。</p> <p><a href="http://www.baidu.com/">百度</a>這是一個(gè)指向百度的鏈接</p> </body> </html>
程式碼運(yùn)行結(jié)果：
# #HTML 超連結(jié)（連結(jié)）
HTML使用標(biāo)籤<a>來設(shè)定超文本連結(jié)。
超連結(jié)可以是一個(gè)字，一個(gè)詞，或者一組詞，也可以是一幅圖像，您可以點(diǎn)擊這些內(nèi)容來跳到新的文件或當(dāng)前文件中的某個(gè)部分。
當(dāng)您把滑鼠指標(biāo)移到網(wǎng)頁中的某個(gè)連結(jié)時(shí)，箭頭會變成一隻小手。
在標(biāo)籤<a> 中使用了href屬性來描述連結(jié)的位址。
例如連結(jié)到php.cn網(wǎng)站首頁，就可以這樣表示：
<a href="http://ipnx.cn">PHP中文網(wǎng)</a>?
預(yù)設(shè)情況下，連結(jié)將以以下形式出現(xiàn)在瀏覽器中：
一個(gè)未造訪過的連結(jié)顯示為藍(lán)色字體並帶有底線。
造訪過的連結(jié)顯示為紫色並帶有底線。
點(diǎn)擊連結(jié)時(shí)，連結(jié)顯示為紅色並帶有底線。
注意：如果為這些超連結(jié)設(shè)定了 CSS 樣式，則展示樣式會根據(jù) CSS 的設(shè)定而顯示。
HTML 連線- id 屬性
#id屬性可用來建立在一個(gè)HTML文件書籤標(biāo)記。提示:?書籤是不以任何特殊的方式顯示，在HTML文件中是不顯示的，所以對於讀者來說是隱藏的。
在HTML文件中插入ID:
<a id="tips">有用的提示部分</a>
#在HTML文件中建立一個(gè)連結(jié)到"有用的提示部分(id="tips"）"：
<a href="#tips"> ;存取有用的提示部分</a>
或者，從另一個(gè)頁面建立一個(gè)連結(jié)到"有用的提示部分(id="tips"）"：
<a href="http://ipnx.cn/html/html-links.html#tips">
訪問有用的提示部分< /a>
基本的注意事項(xiàng)?
#註解：?請務(wù)必將正斜線新增至子資料夾。假如這樣書寫連結(jié)：href="http://ipnx.cn/html"，就會向伺服器產(chǎn)生兩個(gè) HTTP 請求。這是因?yàn)樗欧鲿砑诱本€到這個(gè)位址，然後建立一個(gè)新的請求，就像這樣：href="http://ipnx.cn/html/"。
實(shí)例
如何使用圖片連結(jié)。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body> <p>創(chuàng)建圖片鏈接: <a href="http://ipnx.cn/"> <img src="1.jpg" alt="HTML 教程" width="50" height="50"></a></p> <p>無邊框的圖片鏈接: <a href="http://ipnx.cn/html/"> <img border="0" src="1.jpg" alt="HTML 教程" width="50" height="50"></a></p> </body> </html>
圖片使用<img>標(biāo)籤，後面會講
程式碼運(yùn)行結(jié)果：
點(diǎn)擊上面的圖片會跳到http://ipnx.cn/這個(gè)網(wǎng)址
