HTML标记语言——引用

请看下面的攻略。

什么是HTML引用标签

HTML的引用标签用于包含一个引用或者称之为一个摘录,因此它也被称为摘录标签。可以使用 <q> 标签为短引用括起来,也就是说,文本中的一个小片段需要被引用的时候,可以使用这个标签。而如果需要引用的内容比较长,那么就需要使用 <blockquote> 标签包裹。这样就可以在内容前后添加引号和缩进(在大多数浏览器中,默认值是 40 像素左右)。下面我们分别讲解用法和一些示例。

使用HTML引用标签

<q> 标签

<q> 标签可以用于短的引用或者从外部的来源拿来的文本片段,该标签会添加一个小引号在引用的前面和后面,如下面的示例代码:

<p>以下是著名的权利宣言之一:</p>

<q>我们认为,这些真理是不言而喻的:人人生而平等;他们被造就时,赋予了若干不可剥夺的权利,其中包括生命权、自由权和幸福追求权。</q>

<p>以上是著名的权利宣言之一。</p>

上面的代码将会渲染为以下的HTML文本:

<p>以下是著名的权利宣言之一:</p>

<p><q>我们认为,这些真理是不言而喻的:人人生而平等;他们被造就时,赋予了若干不可剥夺的权利,其中包括生命权、自由权和幸福追求权。</q></p>

<p>以上是著名的权利宣言之一。</p>

在上述例子中,<q> 标签被用来引用权利宣言中的一句话,小引号会自动添加并包含在文本中。

<blockquote> 标签

<blockquote> 标签用于包裹需要引用的文本,并且这段文本会默认产生一个比较深的缩进。下面是一个包含 <blockquote> 标签的例子:

<blockquote>
  <p>当我发觉我什么都不懂的时候,我就开始认为我是不是活得不对头。</p>
  <cite>——钱钟书</cite>
</blockquote>

上面的代码将会渲染为以下的HTML文本:

<blockquote>
  <p>当我发觉我什么都不懂的时候,我就开始认为我是不是活得不对头。</p>
  <cite>——钱钟书</cite>
</blockquote>

在上面的例子中,<blockquote> 标签被用于引用了一段来自钱钟书的文字,并用 <cite> 标签注明了出处。

结束语

HTML 引用标签是为了方便作者在文本中插入摘录和引用而创造的。使用这些标签,可以方便地在内容中插入引用和摘录,帮助读者更好地理解文章内容。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:HTML标记语言——引用 - Python技术站

(0)
上一篇 2023年6月9日
下一篇 2023年6月9日

相关文章

  • html5 canvas 实现光线沿不规则路径运动

    实现光线沿不规则路径运动,需要使用HTML5的Canvas元素以及JavaScript的相关技术。以下是具体的实现攻略: 1. 创建HTML页面 首先,在HTML页面中添加一个Canvas元素,用于绘制光线路径。 <!DOCTYPE html> <html> <head> <meta charset="UT…

    css 2023年6月10日
    00
  • CSS权重关系及问题剖析

    下面我会详细讲解“CSS权重关系及问题剖析”的完整攻略,包括CSS权重的基本概念,权重的计算方法,以及常见的问题剖析。同时,我会举两个具体的例子来说明。 什么是CSS权重? 在CSS中,同时存在多个样式时,就会出现样式的覆盖问题。这时,就需要通过CSS权重的定义来确定哪一个样式规则优先级更高,从而确定最终的样式表达式。 CSS权重用于确定样式优先级,其中,权…

    css 2023年6月9日
    00
  • JavaScript自定义浏览器滚动条兼容IE、 火狐和chrome

    当我们需要对浏览器的滚动条进行自定义时,可以通过JavaScript来实现。下面是一些步骤来帮助您实现这一目标。 步骤1:创建滚动条 首先,我们需要创建一个具有自定义样式的滚动条。为此,我们可以创建一个 <div> 元素来模拟滚动条。在这个 <div> 元素中,我们需要设置样式来模拟浏览器中的滚动条。 .scrollbar { wid…

    css 2023年6月10日
    00
  • CSS清除浮动的方法详解

    以下是关于“CSS清除浮动的方法详解”的完整攻略: 什么是浮动 在讲解清除浮动之前,首先要明确什么是浮动。浮动就是将一个元素从文档流中脱离出来,并向左或向右移动,直到其外边缘碰到了包含它的元素或另一个浮动元素为止。 为什么需要清除浮动 浮动元素会对父级元素的高度造成影响,可能会导致父级元素无法被正常撑开,使得页面布局发生错误,所以我们需要用一些方法来清除浮动…

    css 2023年6月10日
    00
  • css中height和line-height区别

    关于 CSS 中 height 和 line-height 的区别,我来为您做个详细的讲解。 height 和 line-height 的定义 首先,我们要了解一下 height 和 line-height 的定义: height: 元素的高度,设定一个具体数值或百分比,表示元素的高度是多少。 line-height: 行高,用于指定行内元素行框的高度。 h…

    css 2023年6月9日
    00
  • Vue常用指令v-if与v-show的区别浅析

    Vue常用指令v-if与v-show的区别浅析 介绍 Vue.js是目前最火爆的前端框架之一,而指令是Vue.js中比较重要的一部分。在Vue.js的指令中,v-if和v-show是两个非常常用和容易混淆的指令,它们都是用来控制元素的展示和隐藏,那么v-if和v-show有什么区别呢? 区别 v-if v-if是一个条件判断指令,当条件表达式为真时,才会展示…

    css 2023年6月10日
    00
  • 超级好用的jQuery圆角插件 Corner速成

    超级好用的jQuery圆角插件 Corner速成 简介 Corner是一个超级好用的jQuery圆角插件,可以帮助我们快速地实现各种圆角效果,支持自定义圆角半径、边框宽度和颜色等。 安装 可以通过以下两种方式安装Corner插件: 手动下载Corner的源代码文件,并将其引入到HTML文档中: “`html “` 使用CDN引入Corner: “`ht…

    css 2023年6月10日
    00
  • Bootstrap每天必学之日期控制

    Bootstrap每天必学之日期控制 日期控制是Web开发中必不可少的组件之一,Bootstrap也提供了强大的日期控制功能。本篇文章将深入探讨Bootstrap的日期控制功能,让您可以轻松掌握这个组件。 1. 导入日期控制组件 在Bootstrap中,日期控制组件需要依赖bootstrap-datepicker.js和bootstrap-datepicke…

    css 2023年6月9日
    00
合作推广
合作推广
分享本页
返回顶部