鏈接
準(zhǔn)備工作
新建一個名為link.html和suc.html
suc.html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>顯示結(jié)果</title>
</head>
<body>
注冊成功...
</body>
</html>
link.html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>鏈接</title>
</head>
<body>
<a href="suc.html">我是一個鏈接</a>
<!-- <a href="./suc.html" target="_blank">我是一個鏈接（相對路徑）</a>-->
</html>
參數(shù)介紹
- a:表示一個鏈接
- href: 必填屬性表示鏈接提交到的目的地 后面可以書寫相對路徑或者絕對路徑。
- 鏈接默認(rèn)樣式為藍(lán)色，自帶下劃線如果目的地沒有準(zhǔn)備好，則可以書寫 # 替代
- ./:表示在當(dāng)前路徑下尋找
- target: 默認(rèn)為_self，目標(biāo)頁面取代當(dāng)前頁面更改為_blank，則目標(biāo)頁面與當(dāng)前頁面同時保留-
絕對路徑與相當(dāng)路徑
相對路徑:不以/開頭的路徑都稱之為相對路徑 絕對路徑:以/開頭的路徑都稱之為絕對路徑
注意：絕對路徑一般使用較少，并且極少使用帶盤符的書寫方式
運行效果文章來源：http://www.zghlxwxcb.cn/news/detail-814577.html
點擊鏈接跳轉(zhuǎn)到注冊成功頁面
圖片引入
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>圖片引入</title>
</head>
<body>
<img src="./image/etoak.jpg" alt="載入失敗" title="庚子年沒好事" width="300px">
</body>
</html>
參數(shù)介紹
- img:引入一張視圖
- src:source的簡寫，表示源，用來設(shè)置引入圖片的路徑 支持相對和絕對路徑
- alt:當(dāng)圖片載入失敗時顯示的信息
- title:光標(biāo)懸停在此圖片上時顯示的信息
- width:設(shè)置寬度
- height:設(shè)置高度
注意：width、height兩個屬性已經(jīng)被css取代不再推薦使用
運行效果
文章來源地址http://www.zghlxwxcb.cn/news/detail-814577.html
到了這里，關(guān)于HTML 鏈接 & 圖片引入的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
![[HTML]Web前端開發(fā)技術(shù)3（HTML5、CSS3、JavaScript ）超鏈接，target，scrolling,marginwidth,frameborder,iframe——喵喵畫網(wǎng)頁](https://imgs.yssmx.com/Uploads/2024/02/753014-1.png)
![[前端筆記——多媒體與嵌入] 6.HTML 中的圖片+視頻+音頻內(nèi)容](https://imgs.yssmx.com/Uploads/2024/02/425174-1.png)
