HTML phrase标签

本文概述

• 1.文字缩写标签
• 例
• 2.标记标签
• 例
• 3.强文本
• 例
• 4.强调文字
• 例
• 5.定义标签
• 例
• 6.引用文字
• 例
• 7.简短报价
• 例
• 8.代码标签
• 9.键盘标签
• 10.地址标签

HTML短语标签是专用标签, 用于定义文本块或文本语义的结构含义。以下是词组标签的列表, 其中一些我们已经在HTML格式中讨论过。

• 缩写标签：<abbr>
• 首字母缩写标签：<acronym>（HTML5不支持）
• 标记的标记：<mark>
• 强标签：<strong>
• 强调标签：<em>
• 定义标签：<dfn>
• 引用标签：<blockquote>
• 短引号标签：<q>
• 代码标签：<code>
• 键盘标记：<kbd>
• 地址标签：<地址>

1.文字缩写标签

该标签用于缩写文本。要缩写文本, 请在<abbr>和</ abbr>标记之间编写文本。

例

<p>An <abbr title = "Hypertext Markup language">HTML </abbr>language is used to create web pages. </p>

立即测试

输出：

2.标记标签

在<mark>和</ mark>标记之间写入的内容在浏览器中将显示为黄色标记。此标记用于突出显示特定文本。

例

<p>This tag will <mark>highlight</mark> the text.</p>

立即测试

输出：

3.强文本

该标签用于显示内容的重要文本。 <strong>和</ strong>之间写的文本将显示为重要文本。

例

<p>In HTML it is recommended to use <strong>lower-case</strong>, while writing a code. </p>

立即测试

输出：

4.强调文字

此标签用于强调文本, 并以斜体形式显示文本。在<em>和</ em>标记之间编写的文本将变为斜体。

例

<p>HTML is an <em>easy </em>to learn language.</p>

立即测试

输出：

5.定义标签

当使用<dfn>和</ dfn>标记时, 它允许指定内容的关键字。以下是显示如何定义元素的示例。

例

<p><dfn>HTML </dfn> is a markup language. </p>

立即测试

输出：

6.引用文字

HTML <blockquote>元素显示包含的内容是从另一个来源引用的。可以使用cite属性指定源URL, 使用<cite> ….. </ cite>元素显示源文本。

例

<blockquote cite="https://www.keepinspiring.me/famous-quotes/"><p>?The first step toward success is taken when you refuse to be a captive of the environment in which you first find yourself.?</p></blockquote> 
 <cite>-Mark Caine</cite>

立即测试

输出：

7.简短报价

HTML <q> ……. </ q>元素定义了短引号。如果将任何内容放在<q> ……. </ q>之间, 则它将用双引号引起来。

例

<p>Steve Jobs said: <q>If You Are Working On Something That You Really Care About, You Don?t Have To Be Pushed. The Vision Pulls You.</q>?</p>

立即测试

输出：

8.代码标签

HTML <code> </ code>元素用于显示计算机代码的一部分。它将以等宽字体显示内容。

<p>First Java program</p>
      <p><code>class Simple{ public static void main(String args[]){ 
       System.out.println("Hello Java"); }} </code>
     </p>

立即测试

输出：

9.键盘标签

在HTML中, 键盘标记<kbd>表示内容的一部分是来自键盘的用户输入。

<p>Please press <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + t<kbd></kbd> to restore page on chrome.</p>

立即测试

输出：

10.地址标签

HTML <address>标记定义有关内容作者的联系信息。内容写在<address>和</ address>标记之间, 然后将以斜体显​​示。

<address> You can ask your queries by contact us on <a href="">example123@newdomain.com</a>
    <br> You can also visit at: <br>58 S. Garfield Street. Villa Rica, GA 30187.
   </address>

立即测试

输出：