跟小甲鱼学Web开发笔记07

本文介绍了Web开发中各种文本格式化的HTML元素,包括strong、b、em、i、del、ins、s、u、mark、sup、sub和small等,强调了使用CSS样式表替代b和i元素的重要性,并展示了它们的语义和实际效果。
摘要由CSDN通过智能技术生成

格式化大作战

加粗效果

strong元素

strong元素可以使字体加粗,更加显眼,当想要突出某些重要的文本内容,就可以使用到。
举个栗子:

    <p>雄性激素虽然对男人来说是利大于弊的,不过却也是一把双刃剑,过高的雄性激素会增加心血管疾病和糖尿病的患发率,它会影响糖和脂肪的正常代谢,导致肥胖、高血压等,促使心血管疾病和糖尿病的发生。更糟糕的是,如果雄性激素分泌过于旺盛,人体的背部、胸部,特别是面部、头顶部就会分泌出过多的油脂,这不仅会导致皮肤问题,还会使头顶的毛孔被油脂所堵塞,头发的营养供应发生障碍,最终导致逐渐脱发而最后成为<strong>秃顶</strong></p>

效果图:
在这里插入图片描述

b元素

而让字体加粗,b元素可以做到,只不过b元素没有语义,strong元素有重要的语义~
例子:

<p>b元素也能使得文本<b>变粗</b>,但它没有强调的语义。</p>

效果:
在这里插入图片描述

斜体效果

em元素

em元素表示强调的语义,通常是以斜体的形式呈现。
举个栗子:

<p>学习编程中最重要的是<em>练习</em>!只有<em>练习</em>才是最好的导师!!

效果:
在这里插入图片描述

i元素

同上,i元素也是斜体的效果,不过它没有附带任何的强调语义。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值