目錄
功能
屬性
1.herf? ? 指定超鏈接跳轉(zhuǎn)的地址
2.target? ? 控制超鏈接新開頁面的打開方式
補(bǔ)充
空鏈接的寫法
錨點功能
音視頻標(biāo)簽
補(bǔ)充
如何引用網(wǎng)絡(luò)視頻？
html的全稱為超文本標(biāo)記語言。
<a href="#">空鏈接</a>
<a href="JavaScript:;">空鏈接2</a>
<a >百度</a>
<a href="./03.列表標(biāo)簽.html">去列表</a>
<a href="../0913網(wǎng)頁結(jié)構(gòu)/08.常用的標(biāo)簽.html">去常用標(biāo)簽</a>
<a target="_self">京東</a>
<a target="_blank">京東</a>? ? ? 我們一般向網(wǎng)頁中添加a標(biāo)簽來實現(xiàn)超鏈接，它是行內(nèi)元素，特殊的行內(nèi)元素。它里面什么都能放，能放塊元素，行內(nèi)元素，行內(nèi)塊元素，除了它自己。超鏈接的可以是任何內(nèi)容,可以是一個字，一段文字，圖片，表格等等。超鏈接有2個屬性，2個功能，1個補(bǔ)充。
功能
1.一個頁面跳到另一個頁面或當(dāng)前頁面的跳轉(zhuǎn)(做樓梯導(dǎo)航)。
2.下載。
屬性
1.herf? ? 指定超鏈接跳轉(zhuǎn)的地址
?絕對地址：完整的網(wǎng)址，無論你的超鏈接在哪里，只要點擊，就可以跳到對應(yīng)的網(wǎng)站。
?相對地址：指的是本地的頁面，跟你的超鏈接文件的位置有關(guān)系。
?./ ? 你所在的文件跟你要去的文件在同一目錄下 。(./?可以省略)
../? ?從你所在的文件下，跳出當(dāng)前的文件目錄,來到上一級目錄下。
注意：相對路徑的跳轉(zhuǎn)方式和很多標(biāo)簽標(biāo)簽的跳轉(zhuǎn)都有關(guān)系，例如圖片、音視頻等等
<a >百度</a>
<a href="./03.列表標(biāo)簽.html">去列表</a>
<a href="../0913網(wǎng)頁結(jié)構(gòu)/08.常用的標(biāo)簽.html">去常用標(biāo)簽</a>2.target? ? 控制超鏈接新開頁面的打開方式
?可選值：?_self? ?在當(dāng)前頁面打開超鏈接;? ??_blank? ?新開一個頁面打開超鏈接(可重復(fù)新開頁面)；
? ? ? ? ? ? ? ? _news 新開一個頁面打開超鏈接(新開頁面唯一)
<a target="_self">京東</a>
<a target="_blank">京東</a>
<a target="_news">京東</a>補(bǔ)充
空鏈接的寫法
<a href="#">空鏈接</a>
<a href="JavaScript:;">空鏈接2</a>錨點功能
? ? ? ?錨點功能的作用是在當(dāng)前頁面進(jìn)行跳轉(zhuǎn)，點擊超鏈接實現(xiàn)：去頂部、去底部、去中間或是任意的位置。[去任意的位置：給你要去位置打個id屬性，設(shè)置任意id屬性值。(例如：href="#id屬性值")注意：href="#"，默認(rèn)是去頂部。]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>錨點功能</title>
</head>
<body>
<a href="#db">去底部</a>
<a href="#zj">去中間</a>
<a href="#ry">去2/3位置</a>
<p>罪法落，辦才否廳我。</p>
<p>罪法落，辦才否廳我。</p>
<p>罪法落，辦才否廳我。</p>
<p>罪法落，辦才否廳我。</p>
<p>罪法落，辦才否廳我。</p>
<p id="#zj">罪法落，辦才否廳我。</p>
<p>罪法落，辦才否廳我。</p>
<p>罪法落，辦才否廳我。</p>
<p id="#ry">罪法落，辦才否廳我。</p>
<p>罪法落，辦才否廳我。</p>
<p id="#db">罪法落，辦才否廳我。</p>
<a href="#">去頂部</a>
</body>
</html>? ? ? ?設(shè)置id屬性值：1.id屬性值，是獨一無二的，不能重復(fù)使用。2.id屬性值，是自定義設(shè)置，但不能以數(shù)字開頭。3.id屬性值，最好不要是漢字，因為不符合規(guī)范要求。
音視頻標(biāo)簽
<audio src="./source/達(dá)拉崩吧.mp3" controls loop></audio>
<video src="./source/絕地逢生.mp4" controls loop ></video>? ? ? ?audio標(biāo)簽可以用來向頁面中引入一個外部的音頻文件，video標(biāo)簽可以用來向頁面中引入一個外部的視頻文件。一般有四個屬性：
- src屬性是引入音視頻的路徑，可以引入絕對路徑、相對路徑，規(guī)則與超鏈接相同。
-
controls屬性是用戶控制是否可以播放,默認(rèn)是不可以播放，需要用戶點擊播放。
-
loop屬性是對引入的音頻文件進(jìn)行循環(huán)播放。
-
autoplay屬性是自動播放引入的音頻文件。(基本已被廢止,除了IE瀏覽器)
網(wǎng)頁加載流程：?
? ? ? ? 第一次請求：加載網(wǎng)頁本身和網(wǎng)頁結(jié)構(gòu)。第二次之后請求，加載外部資源、樣式、圖片。文章來源：http://www.zghlxwxcb.cn/news/detail-485753.html
補(bǔ)充
如何引用網(wǎng)絡(luò)視頻？
<iframe frameborder="0" src="你要引入視頻的網(wǎng)絡(luò)地址" allowFullScreen="true"
width="500" height="400">
</iframe>? ? ? ? ?注意：frameborder屬性為是否顯示邊框。[1是(yes),0是(no)]；allowfullscreen屬性為是否允許iframe全屏。(默認(rèn)為false)文章來源地址http://www.zghlxwxcb.cn/news/detail-485753.html
到了這里，關(guān)于HTML之超鏈接的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
