如何在 HTML 中显示短引用?


在 Html 中,为了在浏览器页面中插入带引号的文本,我们使用引用元素。与普通文本相比,带引号的文本显示效果不同。

<q> 元素是什么?

此元素用于在 HTML 文档中的一组文本中插入引号。它具有开始和结束标签。以下是 HTML 中<q> 元素的语法。

<q> text…… </q>

示例

以下是一个示例,我们尝试在 HTML 中显示一个短引用 -

<!DOCTYPE html>
<html>
<head>
   <title>Usage of Quotations</title>
	<style>
      h1{
         color: blue;
      }
      p{
         color: red;
      }
	</style>
</head>
<body>
   <h1>TutorialsPoint</h3>
   <h2>Tutorials Point is a leading Ed Tech company <br></h2>
   <p><q>Provides best learning material on technical and non-technical subjects.</q></p>
 </body>
</html>  

<blockquote> 元素

此元素用于缩进新段落的开头,并且还在每个句子的开头添加空格。它具有开始和结束标签。以下是 blockquote 的语法 -

<blockquote> text……. </blockquote>

示例

在以下示例中,我们尝试创建一个 blockquote。

<!DOCTYPE html>
<html>
<head>
   <title>Block Quotations</title>
   <style>
      h1 {
         color: blue;
      }

      blockquote {
         color: red;
      }
   </style>
</head>
<body>
   <h1>TutorialsPoint </h1>
   <h2> Tutorials Point is a leading Ed Tech company <br>
   </h2>
   <blockquote>Provides best learning material on technical and non-technical subjects. </blockquote>
</body>
</html>

<address> 元素

此元素用于在网页中定义地址,出现在地址标签之间的文本采用斜体格式。这对用户阅读和区分很有用。

示例

以下是 HTML 中<address> 标签的示例 -

<!DOCTYPE html>
<html>
<head>
   <title>Address Quotations</title>
   <style>
      h1 {
         color: blue;
      }

      address {
         color: red;
      }
   </style>
</head>
<body>
   <h1>TutorialsPoint</h1>
   <h2> Tutorials Point is a leading Ed Tech company <br>
   </h2>
   <p>Address: <br>
   <address> Tutorials Point India Private Limited, 4th Floor Incor9 Building, Kavuri Hills, Madhapur, Hyderabad, Telangana - 500081, INDIA </p>
   </address>
</body>
</html>

<abbr> 元素

当您将鼠标悬停在<abbr> 元素上时,此元素会显示缩写。它主要对搜索引擎有用。以下是 HTML 中缩写标签的语法 -

<abbr> text….. </abbr>

示例

以下示例演示了 HTML 中<abbreviation> 标签的用法 -

<!DOCTYPE html>
<html>
<head>
   <title>Abbreviation Quotations</title>
   <style>
      h1 {
         color: blue;
      }

      address {
         color: red;
      }
   </style>
</head>
<body>
   <h1>TutorialsPoint</h1>
   <h2> Tutorials Point is a leading Ed Tech company <br>
   </h2>
   <p>Hyper Text MarkUp Language in simple called as <br>
      <abbr title="Hyper Text Markup Language">HTML</abbr>
   </p>
</body>
</html>

更新于: 2023年10月10日

307 次浏览

开启你的 职业生涯

通过完成课程获得认证

开始学习
广告