HTML SPAN标签教程:语法与用法
span语法与结构
<span>内容</span>
span标签使用说明
1）、在div+css切图布局重构技术中，除了常常使用div标签外也常常使用span标签布局
2）、span本身没有什么特别之处，通常然后布局都可以使用此标签布局。
3）、他们也可以通过对span标签对象设置不同样式实现我们要的美化效果。
4）、特性，通常一对未设置任何样式的span，高宽是自适应内容，多容多少，此标签就占用多少距离空间。
span标签使用案例
<span>我是169it!</span>
<span>169it是网址www.169it.com </span>
span在html中常用的布局标签,与div标签区别在于，span随内容而占用高宽空间（紧贴内容），而一对div标签却占用一行。
<span>实例
使用 <span> 元素对文本中的一部分进行着色：
<p>我的母亲有 <span style="color:blue">蓝色</span> 的眼睛。</p>
所有主流浏览器都支持 <span> 标签。
标签定义及使用说明
<span> 用于对文档中的行内元素进行组合。
<span> 标签没有固定的格式表现。当对它应用样式时，它才会产生视觉上的变化。如果不对 <span> 应用样式，那么 <span> 元素中的文本与其他文本不会任何视觉上的差异。
<span> 标签提供了一种将文本的一部分或者文档的一部分独立出来的方式。
如何让span中的文字水平居中？代码如下
方法1
<style>
span{width:100%;text-align:center;}
</style>
<div><span>中间</span></div>
方法2
style= "text-align:center；line-height:18px; "
水平居中text-align:center；设置行高line-height:18px; 同span高度一样，那么文字就可以垂直居中了（仅限一行文本）。
在Css中如何设置span的背景颜色和背景图片？
<span style="background-color:#ff0000">背景颜色</span>。
<span>标签是不能设置背景图片的，这个是用来设置文字的样式的。可以在span标签之前添加一个<div></div>。
提示：被 <span> 元素包含的文本，您可以使用 CSS 对它定义样式，或者使用 JavaScript 对它进行操作。
HTML 4.01 与 HTML5之间的差异
NONE.
<span> 标签支持 HTML 的全局属性。
<span> 标签支持 HTML 的事件属性。
HTML <div> 和 <span>
可以通过 <div> 和 <span> 将 HTML 元素组合起来。
HTML 块元素
大多数 HTML 元素被定义为块级元素或内联元素。
块级元素”译为 block level element，“内联元素”译为 inline element。
块级元素在浏览器显示时，通常会以新行来开始（和结束）。
例子：<h1>, <p>, <ul>, <table>
HTML 内联元素
内联元素在显示时通常不会以新行开始。
例子：<b>, <td>, <a>, <img>
HTML <div> 元素
HTML <div> 元素是块级元素，它是可用于组合其他 HTML 元素的容器。
<div> 元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折行。
如果与 CSS 一同使用，<div> 元素可用于对大的内容块设置样式属性。
<div> 元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 <table> 元素进行文档布局不是表格的正确用法。<table> 元素的作用是显示表格化的数据。
HTML <span> 元素
HTML <span> 元素是内联元素，可用作文本的容器。
<span> 元素也没有特定的含义。
当与 CSS 一同使用时，<span> 元素可用于为部分文本设置样式属性。
HTML 分组标签
标签描述
<div>定义文档中的分区或节（division/section）。
<span>定义 span，用来组合文档中的行内元素。
-
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载,整理或搜集自网络.欢迎任何形式的转载，转载请注明出处.
转载请注明：文章转载自:[169IT-IT技术资讯]
本文标题:HTML <span> 标签
