首页 > 编程知识 正文

html5 a标签,img标签,em和i标签,strong和b标签,q标签

时间:2023-05-03 16:45:53 阅读:258050 作者:48

<!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:axdct指定的图片不存在时,相关的错误提示信息 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> 注释说明:为了使自己网页能更快的被检索到,最好使用带有强调作用的标签

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。