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.显示效果为倾斜,没有强调的意思-->
<!--emi标签的最终显示的方式一样,但所达到的效果差别很大。所以用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属性:用来指定要打开的页面和当前页面的关系nextprev  添加该属性可以起到搜索引擎优化的效果-->
<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>
注释说明:为了使自己网页能更快的被检索到,最好使用带有强调作用的标签

  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值