HTML 中的引用标签
html
html5
HTML Tutorial
HTML Properties
HTML tags
HTML 中的引用标签用于使用 显示简短的引用。标签。它包含在
和
之间。 ……
。它有助于表明所包含的文本位于内联引用中。对于简短的引用，我们将使用 ...
标签，而对于长引用，我们将使用名为 的 HTML 标签。 ......
。该标签专门用于指示网页浏览器上与普通文本不同的文本。标签在 HTML 中用于表示网页文档中的块级引用。这些标签对于样式设计最有用，因为它们将网页的流程分配到不同的部分。
语法：
<q> Some text </q>
登录后复制
此标签用于在 HTML 文档中显示内嵌引用。
<blockquote> Some text </blockquote>
登录后复制
该标签用于显示块级引用。它有助于更改文本的位置并使其与其他元素不同。该标签使用名为 cite 的属性，该属性有助于定义引文的实际来源。
HTML 中引用标签的元素
以下是我们将在引号标签中使用的最有用的元素：
示例 #1 – ;标签
此标签用于在 HTML 文档上显示地址，将文本放入地址标签中，如下所示：
语法：
<address> some text </address>
登录后复制
代码：
<!DOCTYPE html> <html> <head> <title>abbr element </title> </head> <body> <address>156, devanagri, <br> Near shanoormiya darga, <br> Aurangabad </address> </body> </html>
登录后复制
输出：
示例 #2 – 标签
可以使用此元素定义文本的缩写。每当用户将鼠标悬停在该标签上时，它就会显示文本的缩写。
语法：
<abbr> Text </abbr>
登录后复制
代码：
<!DOCTYPE html> <html> <head> <title>abbr element </title> </head> <body> <p>Welcome to <abbr title="Beautiful Automation System">Beautosys</abbr></p> </body> </html>
登录后复制
输出：
示例#3 – 标签
引号标签中的这个标签用于定义双向覆盖。它改变 HTML 元素中的实际文本方向。
语法：
<bdo dir=”value”> text </bdo>
登录后复制
这里的dir值可以是ltr表示从左到右方向或者rtl表示从右到左方向。
代码：
<!DOCTYPE html> <html> <body> <p> Uday wire Industries </p> <p><bdo dir=”ltr” >Uday wire Industries </bdo></p> </body> </html>
登录后复制
输出：
示例 #4 – 标签
这用于显示内嵌文本引用。
语法：
<q> text </q>
登录后复制
代码：
<!DOCTYPE html> <html> <body> <q>Sisters are the choc chips in the era of biscuits </q> </body> </html>
登录后复制
输出：
示例 #5 – ;标签
这用于表示网络文档中的块级引用。
语法：
<blockquote> contents </blockquote>
登录后复制
代码：
<!DOCTYPE html> <html> <head> <title> Quotation tag in HTML </title> </head> <body> <p> Uday wire Industries </p> <p><blockquote> In the era of making new friends and showing off , I just wish one thing, that my old one’s stay; No matter what the trend is.</blockquote> </p> </body> </html>
登录后复制
输出：
HTML 中的引用标签示例
以下是示例：
示例#1
让我们看一个例子来说明如何使用引用标签。它还包括地址标签、缩写标签和不同的引号标签。
代码：
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
* {
box-sizing: border-box;
}
.qtag{
background-color: burlywood;
border-color: crimson;
border-style: dashed;
}
</style>
</head>
<body>
<div class="qtag">
<h2 style="color:brown;">Quotation Tags Example</h2>
<h4>Address tag</h4>
<address>
<blockquote>
<p> 176, Kauslya kunj <br>
Andaman Hill , Pangari Road <br>
Chandigad <br>
<b>Contact US</b><br>
Contact No: 9968795334 <br>
EmailD: [email protected]<br>
</p>
</blockquote>
</address>
<h4>Abbreviation tag</h4>
<p>
<q>Being with <abbr title="Beautiful Automation Systems ">BEAUTOSYS </abbr> for marvelous growth into your business, Automation in technology and many more....... ! Stay Connected </q>
</p>
<p>Be connected with us for Software services, Automation in new technologies, Embedded services, Responsive Websites and Mechanical services </p>
<h5>Stay Connected!</h5>
</div>
</body>
</html>登录后复制
输出：
示例#2
让我们看一个例子来说明如何使用引用标签。它包括 bdo 标签。
代码：
<!DOCTYPE html> <html> <body> <h2>bdo tag in quotation</h2> <p>dir value in the bdo tag defines the direction from which direction text is going to move and it will generate output. <b>rtl </b>value defines text will moves from right to left direction where as <b>ltr</b></p> <h4>bdo tag</h4> <p>Tere is no success like failure. <br> <bdo dir="rtl">Tere is no success like failure.</bdo> </p> <p>I get knocked down. But I get up again. You’re never going to keep me down <br> <q><bdo dir="ltr">I get knocked down. But I get up again. You’re never going to keep me down</bdo></q> </p> <p>Don’t let what you cannot do interfere with what you can do.” <br> <bdo dir="rtl">Don’t let what you cannot do interfere with what you can do.”</bdo></p> <p>The secret of getting ahead is getting started <q><bdo dir="ltr">The secret of getting ahead is getting started</bdo></q> </p> <p>Success iss the sum of small efforts , Repeated day_in and day_out.<br> <bdo dir="rtl">Success iss the sum of small efforts , Repeated day_in and day_out.</bdo> </p> </body> </html>
登录后复制
输出：
示例 #3
此示例显示内联和块级文本的引用，如下所示：
代码：
<!DOCTYPE html> <html> <body> <p> Quotation <b>q</b> tag </p> <p><q> Success demands singleness of purpose.</q></p> <p><q>Choosing a goal and sticking to it changes everything.</q></p> <p><q> Choose a job you love, and you will never have to work a day in your life!.</q></p> <p><q> The most important thing about motivation is goal setting .You should always have a goal</q></p> <br> <p>Quotation <b>blockquote </b> tag for Block </p> <h4>Big data is advance Telemedicine</h4> <blockquote> <p>Big data is making impact in every field now a day. By using latest technology in telemedicine field , one can get more information about their diseases ,so they can take more care using telemedicine. </p></blockquote> </body> </html>
登录后复制
输出：
结论
和标签在 HTML 中用作引用标签。
标签用于内联文本，其中
用于块级文本元素。标签支持称为 cite 的属性。tag 还支持 、、 等标签。等等
以上是HTML 中的引用标签的详细内容。更多信息请关注PHP中文网其他相关文章！
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热AI工具
Undresser.AI Undress
人工智能驱动的应用程序，用于创建逼真的裸体照片
AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。
Undress AI Tool
免费脱衣服图片
Clothoff.io
AI脱衣机
Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸！
热门文章
Windows 11 KB5054979中的新功能以及如何解决更新问题
4 周前
By DDD
如何修复KB5055523无法在Windows 11中安装？
3 周前
By DDD
如何修复KB5055518无法在Windows 10中安装？
3 周前
By DDD
R.E.P.O.的每个敌人和怪物的力量水平
3 周前
By 尊渡假赌尊渡假赌尊渡假赌
蓝王子：如何到达地下室
3 周前
By DDD
热工具
记事本++7.3.1
好用且免费的代码编辑器
SublimeText3汉化版
中文版，非常好用
禅工作室 13.0.1
功能强大的PHP集成开发环境
Dreamweaver CS6
视觉化网页开发工具
SublimeText3 Mac版
神级代码编辑软件(SublimeText3)
