HTML 标签列表

HTML 短语标签

HTML 短语标签是特殊用途的标签,它定义了一个文本块的结构含义或文本的语义。以下是短语标签列表,其中一些我们已经在 HTML 格式中讨论过。

  • 缩写标签:<abbr>

  • 首字母缩写标签:<acronym>(HTML5 不支持)

  • 标记标签:<mark>

  • 强标签:<strong>

  • 强调标签:<em>

  • 定义标签:<dfn>

  • 引用标签:<blockquote>

  • 短引号标签:<q>

  • 代码标签:<code>

  • 键盘标签:<kbd>

  • 地址标签:<address>


1. 缩写标签

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

例子 (Example)

<p>一种 <abbr title ="超文本标记语言">HTML</abbr>语言是用来制作网页。


输出:


2. 标记标签:

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

例子 (Example)

<p>这个标签会 <mark>高亮</mark> 文本。</p>


输出:


3. 加粗标签:

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

例子 (Example)

<p>在HTML中建议使用<strong>小写</strong>,同时编写代码。</p>


输出:


4. 强调标签

该标签用于强调文本,并以斜体形式显示文本。在 <em> 和 </em> 标签之间写入的文本会将文本斜体。

例子 (Example)

<p>HTML 是一种<em>容易</em>学习的语言。</p>


输出:


5.定义标签:

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

例子 (Example)

<p> <dfn>HTML</dfn>是一种标记语言。</p>


输出:


6、引用标签:

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

例子 (Example)

<blockquote cite = "https://www.keepinspiring.me/known-quotes/";> <p> ?当你拒绝成为你最初发现自己的环境的俘虏时,迈出了成功的第一步。?</p> </blockquote>    
 <cite> -Mark Caine </cite>


输出:


7. 短引号标签:

HTML <q> ....... </q> 元素定义了一个简短的引用。如果您将任何内容放在 <q> ....... </q> 之间,那么它将用双引号将文本括起来。

例子 (Example)

<p>史蒂夫·乔布斯说:<q>如果你正在做你真正关心的事情,你不必被逼迫。愿景牵引着你。</q> ? </p>

输出:


8. 代码标签

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

例子 (Example)

<p>第一个Java程序</p>  
<p><code> class Simple{ public static void main(String args[]){   
       System.out.println("Hello Java"); }}  </code>  
</p>


输出:


9. 键盘标签

在 HTML 中,键盘标签 <kbd> 表示一段内容是用户从键盘输入的内容。

例子 (Example)

<p>请按<kbd>Ctrl</kbd> + <kbd>Shift</kbd> + t<kbd></kbd>在chrome上恢复页面。</p>


输出:


10.地址标签

HTML <address> 标记定义有关内容作者的联系信息。<address> 和 </address> 标签之间写入的内容,则以斜体显示。

例子 (Example)

<address> 您可以通过接触向您的查询,我们 <a href=" "> example123@newdomain.com </a>   
   <br>您也可以访问: <br> 58 S. Garfield Street。里卡别墅,GA 30187。  
 </address>


输出:


上一主题 HTML 段落 下一主题 HTML 链接
  • 使用社交账号登录,本站支持
全部评论(0)