继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

慕先生0340613
关注TA
已关注
手记 481
粉丝 23
获赞 120

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

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

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

二、标签

1. b 标签和 strong 标签

常规显示

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


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

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

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


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

例如:

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

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



2. i标签 和em标签

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

例如:

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

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


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

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

注意:

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


3. small 标签

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

例如:

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

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



4. mark标签

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

例如:

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

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



5. del标签

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

例如:

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

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



6. ins标签

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

例如:

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

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



7. sub标签

HTML 元素定义下标文本。

例如:

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

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



8. sup标签

HTML 元素定义上标文本。

例如:

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

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


三、总结

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


打开App,阅读手记
1人推荐
发表评论
随时随地看视频慕课网APP