一篇文章带你了解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的标签进行了详细的介绍。对遇到的问题进行详细的解答。代码演示效果图能够更好的理解。代码很简单,希望对你有所启发。希望对大家的学习有帮助。

相关文章
|
10天前
|
JavaScript
原生js插入HTML元素
原生js插入HTML元素
13 1
|
10天前
|
移动开发 前端开发 JavaScript
HTML5新增元素之Canvas-实现太极八卦图和扇子
HTML5新增元素之Canvas-实现太极八卦图和扇子
|
2月前
|
JavaScript 前端开发 UED
关于 HTML 元素是否能够正确响应用户点击事件的讨论
关于 HTML 元素是否能够正确响应用户点击事件的讨论
24 0
|
2月前
|
前端开发
什么是 HTML 编程里页面元素的 margin 属性
什么是 HTML 编程里页面元素的 margin 属性
20 0
|
2月前
|
编解码
HTML 里 img 元素的 src 和 srcset 属性有何区别?
HTML 里 img 元素的 src 和 srcset 属性有何区别?
35 0
|
4月前
|
移动开发 前端开发 开发工具
HTML——格式化文本与段落
文本格式化标签分为字体标签、文本修饰标签。字体标签和文字修饰标签包括对于字体样式的一些特殊修改,段落格式化分为段落标签、换行标签、水平分割线标签等。通过文本和段落格式化知识的学习,能够掌握页面内容的初步设计,理解并掌握HTML标题字标签,空格及特殊符号的使用。理解格式化标签中文本修饰标记,计算机输出标签,引用和术语标签的语法及字体font标签语法及使用。
HTML——格式化文本与段落
|
10月前
|
Java Android开发
解决Eclipse和myeclipse在进行 html,jsp等 页面编辑时,自动格式化变丑的问题
在eclipse和myelipse写JAVA代码时中使用ctrl+shift+f 快捷键自动排版省时又省力,排版后的代码规范美观又层次性,但在我们写jsp或html代码时,使用这个快捷键排版简直奇丑无比了。
107 0
解决Eclipse和myeclipse在进行 html,jsp等 页面编辑时,自动格式化变丑的问题
|
11月前
html格式化显示
html格式化显示
52 0
|
JavaScript
一篇文章带你了解HTML格式化元素
一篇文章带你了解HTML格式化元素
161 0
一篇文章带你了解HTML格式化元素
推荐文章
更多