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

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

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

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

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

二、标签

1.  b 标签和  strong 标签

常规显示

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

<b>加粗文本内容.</b>

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

例如:

<strong>加粗文本.</strong>

    • *

2. i标签 和em标签

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

例如:

<i>斜体文本.</i>

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

<em>强调文本.</em>

注意:

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

    • *

3. small 标签

HTML 元素定义了小文字。

例如:

<h2>HTML <small>Small</small> 格式</h2>

    • *

4. mark标签

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

例如:

<h2>HTML <mark>标记</mark> 格式</h2>

    • *

5. del标签

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

例如:

<p>我喜欢的颜色是 <del>蓝色</del> 红色.</p>

    • *

6. ins标签

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

例如:

<p>我喜欢的 <ins>颜色</ins> 是红色.</p>

    • *

7. sub标签

HTML   元素定义下标文本。

例如:

<p>这是一个 <sub>下标</sub> 文本.</p>

    • *

8. sup标签

HTML 元素定义上标文本。

例如:

<p>这是一个 <sup>上标</sup> 文本.</p>

三、总结

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

相关文章
|
3月前
|
前端开发 JavaScript
Playwright系列(9):常见操作HTML 元素方式
Playwright系列(9):常见操作HTML 元素方式
|
3月前
|
缓存 前端开发 JavaScript
13个很酷但很少有人知道的HTML元素
13个很酷但很少有人知道的HTML元素
35 0
13个很酷但很少有人知道的HTML元素
|
4月前
|
JavaScript 前端开发
JavaScript DOM 操作:如何选中一个 HTML 元素?有哪些方法?
JavaScript DOM 操作:如何选中一个 HTML 元素?有哪些方法?
65 1
|
3月前
|
JavaScript
用什么代码可以在页面添加html元素呢?
用什么代码可以在页面添加html元素呢?
|
27天前
HTML列表、表格和媒体元素
HTML列表、表格和媒体元素
8 0
|
1月前
HTML <link> 元素
HTML <link> 元素。
15 5
|
1月前
|
移动开发 HTML5
编程笔记 html5&css&js 024 HTML表单元素
编程笔记 html5&css&js 024 HTML表单元素
|
2月前
|
前端开发 JavaScript 安全
react如何渲染包含html标签元素的字符串
react如何渲染包含html标签元素的字符串
53 0
|
2月前
|
前端开发 JavaScript 网络安全
【网络安全XSS必知 | 前端开发基础】一篇文章速学 HTML
【网络安全XSS必知 | 前端开发基础】一篇文章速学 HTML
52 0
|
4月前
|
JavaScript 前端开发 容器
JavaScriptDOM操作:如何创建一个新的HTML元素并将其添加到页面中?
JavaScriptDOM操作:如何创建一个新的HTML元素并将其添加到页面中?
92 1