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