HTML标记语言——引用

yizhihongxing

请看下面的攻略。

什么是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日

相关文章

  • CSS动态渐变色边框围绕内容区域旋转的效果(实例代码)

    CSS动态渐变色边框围绕内容区域旋转的效果是一种非常炫酷的效果,它可以通过CSS的两个属性实现:border-image和animation。 border-image border-image属性用于设置边框的图片,可以用来实现各种复杂的边框效果。它有以下几个属性: source:指定边框图片的URL路径。 slice:指定边框图片的切片方式,可分为属性值…

    css 2023年6月10日
    00
  • CSS网页布局入门教程6:左列固定,右列宽度自适应

    【CSS网页布局入门教程6:左列固定,右列宽度自适应】是指在网页布局中,将页面分为左右两个部分,左侧固定宽度,右侧随着浏览器窗口大小的变化而宽度自适应的一种布局方式。接下来,我们将详细讲解如何实现这种布局方式。 HTML结构 首先,我们需要使用HTML代码编写页面结构。整个页面分为两个部分,左侧固定宽度,右侧宽度自适应,因此我们需要使用两个div元素来分别表…

    css 2023年6月10日
    00
  • jQuery实现导航样式布局操作示例【可自定义样式布局】

    先给出这个攻略的大致内容: jQuery实现导航样式布局操作示例【可自定义样式布局】: 准备工作 添加HTML代码 添加CSS代码 添加jQuery代码 示例说明 示例演示 示例源码 下面将一步步详细讲解每个部分。 1. 准备工作 首先,我们需要引入jQuery库,可以从官网下载然后引入或者使用CDN方式引入。 2. 添加HTML代码 我们假设有4个导航,分…

    css 2023年6月10日
    00
  • CSS中margin和padding的区别浅析

    下面我将详细讲解“CSS中margin和padding的区别浅析”的攻略。 什么是margin和padding? 在CSS中,margin和padding除了width和height之外,属于最常用的两个属性。它们在调整元素的大小和位置时,扮演了至关重要的角色。因此,理解margin和padding的区别和使用方法是每个Web前端开发人员必备的技能之一。 m…

    css 2023年6月9日
    00
  • 元素及文本的水平居中/垂直居中/绝对居中总结

    元素及文本的水平居中、垂直居中和绝对居中是前端开发中经常遇到的问题,以下是常用的解决方法及总结: 元素及文本的水平居中 一、使用margin实现居中 如果元素的宽度固定,可以使用margin属性来实现元素的水平居中。 .container { width: 100%; } .box { width: 200px; margin: 0 auto; } 以上代码…

    css 2023年6月9日
    00
  • css选择器中有小数点的标签获取方法

    获取CSS选择器中有小数点的标签的方法,是使用CSS class选择器。CSS class选择器指的是以.开头的选择器,后面跟类名。 例如,我们有如下HTML代码: <div class="box">这是一个盒子</div> <p class="text">这是一段文字</p&…

    css 2023年6月9日
    00
  • 2分钟教你实现环形/扇形菜单(基础版)

    实现环形/扇形菜单可以为网站或应用程序增加一些交互性和视觉吸引力。下面是一个完整攻略,包含了如何使用 HTML、CSS 和 JavaScript 实现环形/扇形菜单的过程和两个示例说明。 实现环形/扇形菜单 步骤一:HTML 结构 首先,我们需要创建一个 HTML 结构来容纳菜单项。下面是一个示例: <div class="menu&quot…

    css 2023年5月18日
    00
  • 易语言修改在访问完网页后超级链接框中文本的颜色

    下面是详细的攻略: 步骤一:获取超链接框的对象 首先,我们需要通过易语言获取到超链接框的对象,可以使用以下代码: Declare Function GetDlgItem Lib "user32.dll" (ByVal hDlg As Long, ByVal nIDDlgItem As Long) As Long Dim hSuperLin…

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