您的位置:CSS主页 > HTML基础 >

HTML Span标签元素

 

通过span知识教程使用实例介绍span标签,HTML span标签(<span></span>)

目录
  1. 语法与结构
  2. span标签使用说明
  3. span标签案例代码
  4. 案例效果示例图
  5. <span></span>标签总结说明
  6. 在线演示

1、语法与结构:   -   TOP

<span>内容</span>

2、span标签使用说明:   -   TOP

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

3、span标签使用案例:   -   TOP

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

4、效果示例图:   -   TOP


span标签使用案例图例

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

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

6、span标签在线演示:   -   TOP

http://www.thinkcss.com/yanshi/span.html

标签(Tag): span html span

更多

上一页: 上一篇:HTML DIV标签元素
下一页: 下一篇:HTML <em>强调标签元素

 

HTML必备基础教程

 

CSS必备基础教程

 

 

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解。
CSS教程文章修订日期:2012-07-04     点击:
原创来源:ThinkCSS     来源网址:http://www.thinkcss.com/view/a25.html
本文WWW.ThinkCSS.COM(DIV CSS) ThinkCSS版权所有,欢迎转载,并注明出处来源及URL!

 

推荐信息