<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>行级标签</title></head><body><!--通过a标签添加一个锚点--><aname="top"></a><!--span文本标签： 1.包裹文本中的某一个或某几个字段，方便添加样式 2.它本身没有任何样式--><p>商品价格：仅售<spanstyle="color:red;font-size: 30px">10</span>元</p>
<!--img（图片）:1.src：用来指定你要显示的图片的路径2.alt：当你指定的图片不存在时，相关的错误提示信息3.title：当鼠标悬浮在图片上时，相关的提示信息4.align:指定图片的显示位置5.width:指定图片的宽度6.:指定图片的高度 --><imgsrc="../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 添加该属性可以起到搜索引擎优化的效果-->
<ahref="/">页面跳转1</a>
<ahref="http://localhost:63342/HtmlProject/Exercise/First/Homework1.html">页面跳转2</a>
<!--跳转到锚点名称为top地方去--><ahref="#top">返回顶部</a>
<!--跳转到外部页面的同时，也可以指定所跳转到页面的位置 方法：路径地址+锚点地址（锚点名称）-->
<!--功能性链接：mailto://xxxxxxx给指定邮箱发送邮件 tencent://message/?uin=xxxxxxx给指定QQ发送消息--><ahref="tencent://message/?uin=297053005">发消息</a> <ahref="mailto://297053005@">发邮件</a>
</body></html>
注释说明：为了使自己网页能更快的被检索到，最好使用带有强调作用的标签
