HTML <span>标签怎么用，实例在线

<span>标签怎么用

如果想单独在一个段落p当中对某一段文本进行样式设置，那么就可以是用span元素将该段落标记出来，然后单独对该span元素中的内容进行样式设置，或者也可以在input元素前面添加span进行说明，当然，input元素前面建议使用label元素。除此之外，span元素作为行内元素还有很多其它的用法，比如动态地添加某些内容到文本之中（下方的实例将对此进行详细介绍）等等，在网页设计的过程中可以发挥一下想象力。

提示：span元素为行内元素，包含起始标签和结束标签。

提示：默认情况下，span元素的文本样式与段落p中的文本样式并没有什么区别。

span元素实例代码，及在线编辑器

<p>点击下方按钮，将计算得出1+1，得数为：<span id='result'></span></p>
<button onclick='count()'>计算</button>

<style>
  #result{color:skyblue;font-size:1.5em;}
</style>

<script>
  function count(){
    document.getElementById('result').innerHTML = 2
  }
</script>

hot：热门