htmlspan标签怎么用，htmlspan标签作用

htmlspan标签怎么用，htmlspan标签作用。span的用法

这堂课，我们就来好好讲讲span。

<span></span>是Html中非常常用的元素，我们在很多网站上经常看到。同学们可以看下面的示例自行体会，顺便对上堂课讲的样式属性做一些巩固。

比如：

• 加粗

• 加颜色

• 高亮

• 下划线

• 隐身

• 变大

• 变小

加粗：

<p>面条还是<span style="font-weight: bold;">粗</span>一点好吃。</p>

加颜色：

<p>香蕉还没有变<span style="color: yellow;">黄</span>最好不要吃。</p>

高亮：

<p>天空是<span style="background-color: blue;">蓝色</span>的。</p>

下划线：

<p>火车如果没有<span style="text-decoration:underline; ">轨道</span>就会乱跑。</p>

隐身：

<p>你不是目中无人，而是<span style="display: none;">一叶障目</span>。</p>

变大：

<p>《皇室战争》中个子最高的应该是<span style="font-size: 72px;">巨人</span>。</p>

变小：

<p>《皇室战争》中个子最小的应该是<span style="font-size: 2px;">骷髅</span>。</p>

除了突出某些文字外，<span></span>还可以在网页上变成一个漂亮的图形，比如下面这段代码：

<span style="background-color: #659be0; font-size: 14px; font-weight: 300; padding: 3px 6px; color: #fff;"> 立减20元折扣 </span >

把上面这段代码放入到“阅读原文”中的Html编辑器上，输出框就会出现如下图形：

如上图所示，我们可以用<span></span>来创建一个折扣标签。

三、小结

本堂课隆重地介绍了<span></span>以及讲解了他的用法。

<span></span>不仅可以在一段文字中突出某些特定文字，还可以单独使用去突出网页上的信息。

这里，我们顺便学习一下这堂课新引入的一些概念：

• background-color - 背景颜色

• #659be0 - 颜色的Hex Code RGB编码

• display: none - 显示方式：无 （既然显示的时候是无，也就是不显示了，也是作为隐藏）

• padding - 元素里的内容距离四周的距离。

本文地址：IT问答频道 https://www.hkm168.com/itwenda/903000.html，易企推百科一个免费的知识分享平台，本站部分文章来网络分享，本着互联网分享的精神，如有涉及到您的权益，请联系我们删除，谢谢！