html5 a标签,img标签，em和i标签，strong和b标签,q标签
生活随笔
收集整理的這篇文章主要介紹了
html5 a标签,img标签，em和i标签，strong和b标签,q标签
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>行級標(biāo)簽</title>
</head>
<body>
<!--通過a標(biāo)簽添加一個錨點(diǎn)-->
<a name="top"></a>
<!--span文本標(biāo)簽：
1.包裹文本中的某一個或某幾個字段，方便添加樣式
2.它本身沒有任何樣式-->
<p>商品價格：僅售<span style="color: red;font-size: 30px">10</span>元</p>
<!--img（圖片）:
1.src：用來指定你要顯示的圖片的路徑
2.alt：當(dāng)你指定的圖片不存在時，相關(guān)的錯誤提示信息
3.title：當(dāng)鼠標(biāo)懸浮在圖片上時，相關(guān)的提示信息
4.align:指定圖片的顯示位置
5.width:指定圖片的寬度
6.:指定圖片的高度
-->
<img src="../img/Lenovo.jpg" alt="圖片不存在" title="lenovo電腦" align="left"
width="350" height="200">
<!--em（強(qiáng)調(diào)）
1.顯示效果為傾斜，并且有強(qiáng)調(diào)的效果，為了更方便的被優(yōu)先搜索到-->
<!--i標(biāo)簽
1.顯示效果為傾斜，沒有強(qiáng)調(diào)的意思-->
<!--em和i標(biāo)簽的最終顯示的方式一樣，但所達(dá)到的效果差別很大。所以用em標(biāo)簽-->
<p><em>版權(quán)所有，侵權(quán)必究。</em><br/><i>版權(quán)所有，侵權(quán)必究。</i>
</p>
<hr/>
<!--strong標(biāo)簽
1.顯示效果為傾斜，加粗，并且有強(qiáng)調(diào)的效果，為了更方便的被優(yōu)先搜索到-->
<!--b標(biāo)簽
1.顯示效果為傾斜，加粗，沒有強(qiáng)調(diào)的意思-->
<p>版權(quán)所有，侵權(quán)必究。</p>
<strong>版權(quán)所有，侵權(quán)必究。</strong>
<br/><b>版權(quán)所有，侵權(quán)必究。</b>
<br/> <!--q標(biāo)簽：主動為內(nèi)容添加雙引號--><q>版權(quán)所有，侵權(quán)必究。</q> <!--small:相比相鄰的文本，small標(biāo)簽內(nèi)的文本字體更小--><q>版權(quán)<small>所有</sma>，侵權(quán)必究。</q>
<br/>
<!--a標(biāo)簽的三種功能：
1.頁面跳轉(zhuǎn)
2.錨點(diǎn)鏈接
3.功能連接-->
<!--href屬性：用定超鏈接要跳轉(zhuǎn)的頁面，頁面可以是本地頁面，也可以是非本地頁面
title屬性：當(dāng)鼠標(biāo)指向頁面跳轉(zhuǎn)1時會顯示杰瑞教育字樣，即用來指定鼠標(biāo)懸浮時的提示文本
target屬性：描點(diǎn)鏈接在當(dāng)前頁面打開target="_blank" 鏈接在新的頁面打開 target="__self",即目標(biāo)窗口的位置
rel屬性：用來指定要打開的頁面和當(dāng)前頁面的關(guān)系next和prev 添加該屬性可以起到搜索引擎優(yōu)化的效果--> <a href="https://www.baidu.com/">頁面跳轉(zhuǎn)1</a>
<a href="http://localhost:63342/HtmlProject/Exercise/First/Homework1.html">頁面跳轉(zhuǎn)2</a>
<!--跳轉(zhuǎn)到錨點(diǎn)名稱為top地方去-->
<a href="#top">返回頂部</a>
<!--跳轉(zhuǎn)到外部頁面的同時，也可以指定所跳轉(zhuǎn)到頁面的位置
方法：路徑地址+錨點(diǎn)地址（錨點(diǎn)名稱）--><!--功能性鏈接：mailto://xxxxxxx 給指定郵箱發(fā)送郵件 tencent://message/?uin=xxxxxxx 給指定QQ發(fā)送消息--> <a href="tencent://message/?uin=297053005">發(fā)消息</a> <a href="mailto://297053005@qq.com">發(fā)郵件</a>
</body>
</html>
注釋說明：為了使自己網(wǎng)頁能更快的被檢索到，最好使用帶有強(qiáng)調(diào)作用的標(biāo)簽
總結(jié)
以上是生活随笔為你收集整理的html5 a标签,img标签，em和i标签，strong和b标签,q标签的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 狂神jvm
- 下一篇： SourceTree跳过注册安装使用