圖片和超鏈接
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<!--
1.圖片標(biāo)簽：img
src屬性 - 圖片地址（可以是本地圖片地址或者網(wǎng)絡(luò)圖片地址）
-->
<h1 id="h1">本地圖片</h1>
<img src="img/mac.jpg" >
<h1>網(wǎng)絡(luò)圖片</h1>
<img src="https://store.storeimages.cdn-apple.com/8756/as-images.apple.com/is/ipad-pro-12-11-select-202003_GEO_CN?wid=890&hei=1100&fmt=jpeg&qlt=80&op_usm=0.5,0.5&.v=1583430764325" >
<!-- title屬性 -->
<h1>標(biāo)題</h1>
<img src="img/mac.jpg" title="MACbook">
<!-- alt屬性：設(shè)置圖片加載失敗的時(shí)候的提示信息 -->
<h1>alt屬性</h1>
<img src="https://store.storeimages.cdn-apple.com/8756/as-images.apple.com/is/ipad-pro-12-11-select-202003_GEO_CN?wid=890&hei=1100&fmt=jpeg&qlt=80&op_usm=0.5,0.5&.v=158343076432" alt="圖片找不到了.....">
<!-- 2.超鏈接：a標(biāo)簽
1）標(biāo)簽內(nèi)容 - 超鏈接中可點(diǎn)擊跳轉(zhuǎn)的部分
2）href - 跳轉(zhuǎn)的目標(biāo)地址
-->
<h1>超鏈接</h1>
<h2>文字超鏈接</h2>
<a >蘋果官網(wǎng)</a>
<h2>圖片超鏈接</h2>
<a >
<img src="img/mac.jpg" >
</a>
<!-- href屬性：
1）網(wǎng)頁地址 - 跳轉(zhuǎn)到指定網(wǎng)頁地址
2）本地html文件地址 - 在新的頁面中加載指定的html文件中的內(nèi)容
3）選擇器 - 網(wǎng)頁滾動(dòng)到選擇器選中的標(biāo)簽對(duì)應(yīng)的位置
4）# - 頁面刷新
-->
<h2>本地html文件</h2>
<a href="./4-列表">列表！！</a>
<h2>選擇器</h2>
<a href="#h1">回到頂部</a>
<h2>刷新</h2>
<a href="#">刷新</a>
<!-- target -->
<h2>在原頁面上打開新的頁面</h2>
<a target="_self">百度</a>
<h2>打開一個(gè)新的頁面</h2>
<a target="_blank">百度</a>
</body>
</html>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。
