国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

HTML 連結(jié)

HTML 使用超級(jí)連結(jié)與網(wǎng)路上的另一個(gè)文件相連。

幾乎可以在所有的網(wǎng)頁(yè)中找到連結(jié)。點(diǎn)擊連結(jié)可以從一張頁(yè)面跳到另一張頁(yè)面。


讓我們先看一個(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è)頁(yè)面的鏈接。</p>
<p><a href="http://www.baidu.com/">百度</a>這是一個(gè)指向百度的鏈接</p>
</body>
</html>

程式碼運(yùn)行結(jié)果:

1.png


# #HTML 超連結(jié)(連結(jié))

HTML使用標(biāo)籤<a>來(lái)設(shè)定超文本連結(jié)。

超連結(jié)可以是一個(gè)字,一個(gè)詞,或者一組詞,也可以是一幅圖像,您可以點(diǎn)擊這些內(nèi)容來(lái)跳到新的文件或當(dāng)前文件中的某個(gè)部分。

當(dāng)您把滑鼠指標(biāo)移到網(wǎng)頁(yè)中的某個(gè)連結(jié)時(shí),箭頭會(huì)變成一隻小手。

在標(biāo)籤<a> 中使用了href屬性來(lái)描述連結(jié)的位址。

例如連結(jié)到php.cn網(wǎng)站首頁(yè),就可以這樣表示:

<a href="http://miracleart.cn">PHP中文網(wǎng)</a>?


預(yù)設(shè)情況下,連結(jié)將以以下形式出現(xiàn)在瀏覽器中:

一個(gè)未造訪過(guò)的連結(jié)顯示為藍(lán)色字體並帶有底線。

造訪過(guò)的連結(jié)顯示為紫色並帶有底線。

點(diǎn)擊連結(jié)時(shí),連結(jié)顯示為紅色並帶有底線。

注意:如果為這些超連結(jié)設(shè)定了 CSS 樣式,則展示樣式會(huì)根據(jù) CSS 的設(shè)定而顯示。


HTML 連線- id 屬性

#id屬性可用來(lái)建立在一個(gè)HTML文件書(shū)籤標(biāo)記。

提示:?書(shū)籤是不以任何特殊的方式顯示,在HTML文件中是不顯示的,所以對(duì)於讀者來(lái)說(shuō)是隱藏的。

在HTML文件中插入ID:

<a id="tips">有用的提示部分</a>

#在HTML文件中建立一個(gè)連結(jié)到"有用的提示部分(id="tips")":

<a href="#tips"> ;存取有用的提示部分</a>

或者,從另一個(gè)頁(yè)面建立一個(gè)連結(jié)到"有用的提示部分(id="tips")":

<a href="http://miracleart.cn/html/html-links.html#tips">
訪問(wèn)有用的提示部分< /a>

基本的注意事項(xiàng)?

#註解:?請(qǐng)務(wù)必將正斜線新增至子資料夾。假如這樣書(shū)寫(xiě)連結(jié):href="http://miracleart.cn/html",就會(huì)向伺服器產(chǎn)生兩個(gè) HTTP 請(qǐng)求。這是因?yàn)樗欧鲿?huì)添加正斜線到這個(gè)位址,然後建立一個(gè)新的請(qǐng)求,就像這樣:href="http://miracleart.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://miracleart.cn/">
        <img src="1.jpg" alt="HTML 教程" width="50" height="50"></a></p>
<p>無(wú)邊框的圖片鏈接:
    <a href="http://miracleart.cn/html/">
        <img border="0" src="1.jpg" alt="HTML 教程" width="50" height="50"></a></p>
</body>
</html>

圖片使用<img>標(biāo)籤,後面會(huì)講

程式碼運(yùn)行結(jié)果:

1.jpg

點(diǎn)擊上面的圖片會(huì)跳到http://miracleart.cn/這個(gè)網(wǎng)址




繼續(xù)學(xué)習(xí)
||
<!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è)頁(yè)面的鏈接。</p> <p><a href="http://www.baidu.com/">百度</a>這是一個(gè)指向百度的鏈接</p> </body> </html>
提交重置程式碼