为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

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

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

二、标签

1. b 标签和 strong 标签

常规显示

https://img1.sycdn.imooc.com/5fb506aa00018db306400165.jpg


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

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

https://img1.sycdn.imooc.com/5fb506aa00012ddb06400048.jpg


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

例如:

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

https://img2.sycdn.imooc.com/5fb506aa00012ddb06400048.jpg



2. i标签 和em标签

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

例如:

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

https://img1.sycdn.imooc.com/5fb506ab00015b4c06400049.jpg


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

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

注意:

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


3. small 标签

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

例如:

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

https://img1.sycdn.imooc.com/5fb506ab0001e27406400075.jpg



4. mark标签

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

例如:

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

https://img1.sycdn.imooc.com/5fb506ab0001edd006400068.jpg



5. del标签

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

例如:

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

https://img1.sycdn.imooc.com/5fb506ab0001e0fe06400048.jpg



6. ins标签

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

例如:

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

https://img1.sycdn.imooc.com/5fb506ac0001a4af06400063.jpg



7. sub标签

HTML 元素定义下标文本。

例如:

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

https://img1.sycdn.imooc.com/5fb506ad00015aaa06400059.jpg



8. sup标签

HTML 元素定义上标文本。

例如:

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

https://img1.sycdn.imooc.com/5fb506ad00011a6806400077.jpg


三、总结

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


点击查看更多内容
1人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消