html常用标签2

接上次标签。。。。。。
五,<span>标签
他的主要作用是为文字设置单独样式。
<em>和<strong>标签是为了强调关键字,他们的语义是强调。
<span>标签是没有语义的,他的作用是设置单独的样式。
例子:
在这里插入图片描述
运行结果:
在这里插入图片描述
六,<q>标签
他的作用是短文本引用。引用名人名言等不是作者自己的文字。
引用时不加双引号,运行时浏览器会自动加。
例子:

<!DOCTYPE HTML>

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <title></title>q标签的使用</title>


</head>
<body>
<p>李白的曾明诗句<q>床前明月光</q>千古流芳</p>


</body>
</html>

运行结果:

在这里插入图片描述
七,<blockquote>标签
它的作用是长文本引用,不同的是`<q>是短文本.,他在浏览器中的显示是缩进样式。
例子:

<!DOCTYPE HTML>

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <title>blockquote标签的使用</title>

</head>

<body>

<h2>心似桂花开</h2>

<p>大家都在忙于自认为最重要的事情,却没能享受到人生的乐趣,反而要吞下苦果?<blockquote>暗淡轻黄体性柔,情疏迹远只香留。何须浅碧深红色,自是花中第一流。</blockquote>A</p>


<p>这是李清照《咏桂》中的词句,在李清照看来,桂花暗淡青黄,性情温柔,淡泊自适,远比那些大红大紫争奇斗艳花值得称道。</p>

</body>

</html>

运行结果:
在这里插入图片描述
八,<br>,<hr>和&nbsp标签
1,<hr>标签是一个空标签,所以只有一个开始标签,没有结束标签。它的作用是添加水平横线,使文章看起来整齐。
2,<br>标签也是空标签,他的作用是折行,相当于word里的回车。
3,&nbsp;标签起到了空格作用,在html中直接按空格不起作用。
例子:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>三个标签的试用</title>
</head>
<body>
<p>
    床前明月光,<br/><hr/>疑是地上霜。<br/><hr/>举头望明月,<br/><hr/>低头思故乡。<br/><hr/>
</p>
<p>我&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;爱&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;你</p>
</body>
</html>

运行结果:
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值