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

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

一、为什么要格式化元素


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

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


二、标签


1.  b 标签和  strong 标签

常规显示

image.png

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

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

image.png

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

例如:

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

image.png




2. i标签 和em标签

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

例如:

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

image.png

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

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


注意:

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


3. small 标签

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

例如:

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

image.png


4. mark标签

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

例如:

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

image.png


5. del标签

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

例如:

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

image.png


6. ins标签

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

例如:

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

image.png


7. sub标签

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

例如:

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

image.png


8. sup标签

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

例如:

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

image.png


三、总结


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

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

相关文章
|
2月前
|
移动开发 开发者 UED
HTML5 语义元素详解
HTML5引入了诸多语义元素
WK
|
2月前
|
存储 移动开发 前端开发
HTML5新增了哪些其他元素和属性
这段文字介绍了HTML5中新增的多种元素和属性,包括页面布局元素如header、nav等,表单元素如email、tel输入框等,以及其他元素如canvas、svg等。此外,还介绍了全局及表单属性,例如contenteditable、placeholder等,这些新功能显著增强了HTML5在现代网页设计与开发中的实用性与灵活性。
WK
58 1
|
11天前
|
移动开发 UED HTML5
HTML5 表单元素1
HTML5引入了新的表单元素,如`&lt;datalist&gt;`、`&lt;keygen&gt;`和`&lt;output&gt;`,以增强表单的功能性和用户体验。
|
3月前
|
JavaScript 前端开发 容器
用HTML DOM实现有条件地渲染网页元素(上)
用HTML DOM实现有条件地渲染网页元素(上)
|
3月前
|
存储 JavaScript 前端开发
用HTML DOM实现有条件地渲染网页元素(下)
用HTML DOM实现有条件地渲染网页元素(下)
HTML 元素
HTML文档由HTML元素定义,元素包括开始标签、内容和结束标签。某些元素内容为空,可在开始标签中关闭。大多数元素可拥有属性,且元素间可相互嵌套,形成复杂结构。
|
2月前
|
移动开发 数据安全/隐私保护 UED
HTML5 表单元素详解
HTML5 引入了新的表单元素和属性,如 `&lt;form&gt;、&lt;input&gt;、&lt;textarea&gt;、&lt;select&gt;` 和 `&lt;button&gt;`,以及 `required、min、max` 等属性,增强了表单的创建与交互。其中,`&lt;input&gt;` 支持多种类型如 `email、url、date` 等,提供了更好的用户体验和数据验证。此外,HTML5 还新增了原生表单验证功能,简化了开发流程并提升了安全性。
WK
|
2月前
|
Web App开发 存储 移动开发
HTML5新增了哪些表单元素
HTML5通过新增多种表单元素和属性,提升了用户体验与交互性。例如,`email`和`url`元素分别验证邮箱地址和网址格式;`number`和`range`便于输入数字及区间值;`date`等元素简化了日期时间的选择;`search`添加搜索图标,`color`提供颜色选择器;`datalist`结合`input`属性给予用户下拉列表选项;`keygen`用于生成密钥对以增强安全性;`output`则用于动态展示计算结果。这些改进共同提高了表单的功能性和易用性。
WK
29 2
|
2月前
|
数据采集 数据安全/隐私保护
html常见的表单元素有哪些,html表单元素有哪些?
html常见的表单元素有哪些,html表单元素有哪些?
24 0
|
2月前
|
JavaScript 前端开发
DOM的概念?获取html元素的方法有哪些?
DOM的概念?获取html元素的方法有哪些?
36 0