html span 标签介绍

一、span语法与结构

<span>内容</span>

 

二、span标签使用说明(重点内容)

  1. 在HTML中,除了使用div标签布局外,我们也常常使用span标签布局。
  2. span本身没有什么特别之处,通常网页布局都可以使用此标签布局。
  3. 我们也可以通过对span标签对象设置不同样式实现我们要的美化效果。
  4. 特性,通常一对未设置任何样式的span,高宽是自适应内容,多容多少,此标签就占用多少距离空间。

 

三、span标签使用案例

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<span>我是码农教程!</span>
<span>码农教程网址www.manongjc.com </span> 
</body>
</html>

在线运行

效果如下:

html span实例

 

五、span标签总结说明

span在html中常用的布局标签,与div标签区别在于,span随内容而占用高宽空间(紧贴内容),而一对div标签却占用一行。