html中表示引用文本的标签：<q>,<blockquote>

最新推荐文章于 2024-02-11 05:15:00 发布

原创最新推荐文章于 2024-02-11 05:15:00 发布 · 4.8k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#q #blockquote

HTML与CSS 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了HTML中的引用标签<q>和<blockquote>的使用方法，并通过实例展示了如何使用这些标签来呈现不同长度的引用文本。

部署运行你感兴趣的模型镜像

1，<q>: 表示引用一小段文字，如一句话，一句诗等短文本；

浏览器解析为：双引号

2，<blockquote>:表示引用一段长文本，如：一段话，一首诗等长文本；

浏览器解析为：缩进

代码：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>blockquote标签的使用</title>
<style>
span{
 color:blue;
}
</style>
</head>
<body>
<h1>段文本引用</h1>
<p>周瑜，不可否认，他是历史上一个了不起的英雄人物！确实也配的上那句<span><q>聪明秀出为之英，胆略过人为之雄。</q></span></p>
<h1>长文本引用</h1>
<p>大家都在忙于自认为最重要的事情，却没能享受到人生的乐趣，反而要吞下苦果？</p>
<span><blockquote>“暗淡轻黄体性柔，情疏迹远只香留。何须浅碧深红色，自是花中第一流。”</blockquote></span>
<p>这是李清照《咏桂》中的词句，在李清照看来，桂花暗淡青黄，性情温柔，淡泊自适，远比那些大红大紫争奇斗艳花值得称道。</p>
</body>
</html>