念安老师带你学习Web前端007-HTML_常用标签_div和span( 三 )

2.8 blockquote标签，长文本引用
<blockquote>的作用也是引用别人的文本。但它是对长文本的引用，如在文章中引入大段某知名作家的文字，这时需要这个标签。
<q>标签是对简短文本的引用，比如说引用一句话就用到<q>标签。
语法：<blockquote>引用文本</blockquote>
浏览器对<blockquote>标签的解析是缩进样式。
XML/HTML Code复制内容到剪贴板
<!DOCTYPE HTML> <html> <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>blockquote标签的使用</title> </head> <body><h2>心似桂花开</h2><p>大家都在忙于自认为最重要的事情，却没能享受到人生的乐趣，反而要吞下苦果？</p><blockquote>暗淡轻黄体性柔，情疏迹远只香留。</blockquote><blockquote>何须浅碧深红色，自是花中第一流。</blockquote><p>这是李清照《咏桂》中的词句，在李清照看来，桂花暗淡青黄，性情温柔，淡泊自适，远比那些大红大紫争奇斗艳花值得称道。</p> </body> </html>在浏览器中显示效果如下，可以看到被<blockquote>标签部分前后都缩进了：

文章插图
2.9 br标签分行显示文本
怎么可以让每一句诗词后面加入一个折行呢？那就可以用到<br />标签了，在需要加回车换行的地方加入<br />，<br />标签作用相当于word文档中的回车。
语法：
xhtml1.0写法：<br />
html4.01写法：<br>
与以前我们学过的标签不一样，<br />标签是一个空标签，没有HTML内容的标签就是空标签，空标签只需要写一个开始标签，这样的标签有<br />、<hr />和<img /> 。
总结：在 html 代码中输入回车、空格都是没有作用的。在html文本中想输入回车换行，就必须输入<br /> 。

XML/HTML Code复制内容到剪贴板<!DOCTYPE HTML> <html> <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>br标签的使用</title> </head> <body><h2>《咏桂》</h2><p>暗淡轻黄体性柔，<br>情疏迹远只香留。<br>何须浅碧深红色，<br>自是花中第一流。</p> </body> </html>浏览器效果：

文章插图
2.10 为网页中添加一些空格
已经讲解过在html代码中输入空格、回车都是没有作用的。要想输入空格，必须写入
语法：
如下插入两个空格：

XML/HTML Code复制内容到剪贴板
<!DOCTYPE HTML> <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>空格讲解</title></head><body><h1>感悟梦想</h1>来源：作文网作者：为梦想而飞</body> </html>2.11 hr标签，添加水平横线
在信息展示时，有时会需要加一些用于分隔的横线，这样会使文章看起来整齐些。比如下面网页
语法：
html4.01版本 <hr>
xhtml1.0版本<hr />
<hr />标签和<br />标签一样也是一个空标签，所以只有一个开始标签，没有结束标签。