HTML phrase标签

本文概述

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>

立即测试

输出:

HTML phrase标签

2.标记标签

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

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

立即测试

输出:

HTML phrase标签

3.强文本

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

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

立即测试

输出:

HTML phrase标签

4.强调文字

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

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

立即测试

输出:

HTML phrase标签

5.定义标签

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

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

立即测试

输出:

HTML phrase标签

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>

立即测试

输出:

HTML phrase标签

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>

立即测试

输出:

HTML phrase标签

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>

立即测试

输出:

HTML phrase标签

9.键盘标签

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

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

立即测试

输出:

HTML phrase标签

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>

立即测试

输出:

HTML phrase标签
微信公众号
手机浏览(小程序)
0
分享到:
没有账号? 忘记密码?