如何在 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>
广告