欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > HTML >

HTML基础必学列表

html <span>标签元素语法与用法

HTML SPAN标签元素语法与用法(<span>标签教程篇)

html span标签目录
  1. 语法与结构
  2. span标签用法说明
  3. span标签应用案例
  4. 实例截图
  5. 总结

一、span语法与结构   -   TOP

<span>内容</span>

二、span标签使用说明   -   TOP

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

三、span标签使用案例   -   TOP

  1. <span>我是DIVCSS5!</span> 
  2. <span>DIVCSS5是网址www.DIVCSS5.com </span> 

四、效果示例图   -   TOP

html span标签元素应用使用语法案例截图
<span></span>标签用法示范案例截图

五、<span>标签总结说明   -   TOP

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

如需转载,请注明文章出处和来源网址:/html/h381.shtml

我要分享到:

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

 

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2013-01-29 11:33 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。