前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >一篇文章带你了解HTML格式化元素

一篇文章带你了解HTML格式化元素

作者头像
前端皮皮
发布2020-11-26 11:12:29
1.1K0
发布2020-11-26 11:12:29
举报

一、为什么要格式化元素?

HTML定义了具有特殊意义的特殊元素定义的文本,比如,使用<b>元素<i>来格式化输出,如粗体或斜体文本。

格式化元素被设计用来显示特殊类型的文本。

二、标签

1. b 标签和 strong 标签

常规显示

HTML <b> 元素定义粗体文本,没有任何额外的重要性,例如:

代码语言:javascript
复制
<b>加粗文本内容.</b>

HTML <strong>元素定义粗文本,增加语义的强调。

例如:

代码语言:javascript
复制
<strong>加粗文本.</strong>

2. i标签 和em标签

HTML 斜体文本.元素定义斜体文本,没有任何额外的重要性。

例如:

代码语言:javascript
复制
<i>斜体文本.</i>

HTML <em>元素定义强调文本,增加语义重要性,例如:

代码语言:javascript
复制
<em>强调文本.</em>

注意: 浏览器显示 相同, 相同 。然而,有些标签的含义是有区别的: 粗体和斜体文本, 但是 意味着文本是“重要的”。


3. small 标签

HTML <small> 元素定义了小文字。

例如:

代码语言:javascript
复制
<h2>HTML <small>Small</small> 格式</h2>

4. mark标签

HTML <mark>元素定义标记或突出文本。

例如:

代码语言:javascript
复制
<h2>HTML <mark>标记</mark> 格式</h2>

5. del标签

HTML <del>元素定义了删除(移除)文字。

例如:

代码语言:javascript
复制
<p>我喜欢的颜色是 <del>蓝色</del> 红色.</p>

6. ins标签

HTML <ins>元素定义了插入文本(添加)。

例如:

代码语言:javascript
复制
<p>我喜欢的 <ins>颜色</ins> 是红色.</p>

7. sub标签

HTML <sub> 元素定义下标文本。

例如:

代码语言:javascript
复制
<p>这是一个 <sub>下标</sub> 文本.</p>

8. sup标签

HTML <sup>元素定义上标文本。

例如:

代码语言:javascript
复制
<p>这是一个 <sup>上标</sup> 文本.</p>

三、总结

本文对特殊类型的文本的HTML的标签进行了详细的介绍。对遇到的问题进行详细的解答。代码演示效果图能够更好的理解。代码很简单,希望对你有所启发。希望对大家的学习有帮助。

------------------- End -------------------

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2020-09-03,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 IT共享之家 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一、为什么要格式化元素?
    • 二、标签
      • 1. b 标签和 strong 标签
      • 2. i标签 和em标签
      • 3. small 标签
      • 4. mark标签
      • 5. del标签
      • 6. ins标签
      • 7. sub标签
      • 8. sup标签
    • 三、总结
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档