HTML <span> 标签简介
2012-07-28 15:19
447 查看
1、简介
<span> 标签被用来组合文档中的行内元素。
span 没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。
可以为 span 应用 id 或 class 属性,这样既可以增加适当的语义,又便于对 span 应用样式。
对同一个 <span> 元素应用 class 或 id 属性,但是更常见的情况是只应用其中一种。这两者的主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独的唯一的元素。
2、标准属性
3、事件属性
4、例子
<html>
<head>
<title>设置鼠标样式</title>
</head>
<body>
<div style="font-family:宋体;font-size:10pt;">
<span style="cursor:hand">手形状</span><br>
<span style="cursor:move">移动</span><br>
<span style="cursor:ne-resize">反方向</span><br>
<span style="cursor:wait">等待</span><br>
<span style="cursor:help">求助</span><br>
<span style="cursor:text">文本</span><br>
<span style="cursor:crosshair">十字</span><br>
<span style="cursor:s-resize">箭头朝下</span>
</div>
</body>
</html>
参考文献:W3school
<span> 标签被用来组合文档中的行内元素。
span 没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。
可以为 span 应用 id 或 class 属性,这样既可以增加适当的语义,又便于对 span 应用样式。
对同一个 <span> 元素应用 class 或 id 属性,但是更常见的情况是只应用其中一种。这两者的主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独的唯一的元素。
2、标准属性
id, class, title, style, dir, lang, xml:lang
3、事件属性
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
4、例子
<html>
<head>
<title>设置鼠标样式</title>
</head>
<body>
<div style="font-family:宋体;font-size:10pt;">
<span style="cursor:hand">手形状</span><br>
<span style="cursor:move">移动</span><br>
<span style="cursor:ne-resize">反方向</span><br>
<span style="cursor:wait">等待</span><br>
<span style="cursor:help">求助</span><br>
<span style="cursor:text">文本</span><br>
<span style="cursor:crosshair">十字</span><br>
<span style="cursor:s-resize">箭头朝下</span>
</div>
</body>
</html>
参考文献:W3school
相关文章推荐
- HTML &lt;span&gt; 标签
- HTML <ul> 标签简介
- html中<base>标签的使用,和简介
- HTML && CSS 学习笔记(4)HTML <span> 标签(关键词:HTML/span)
- HTML <hr>标签简介
- HTML <span> 标签 (w3school)
- HTML <ol>标签简介
- html <li> 标签后放时间格式化
- HTML <div> 标签
- HTML<a>标签的target属性
- HTML <a> 标签的 target 属性
- struts中<html:radio>标签默认选中的解决方法《转载》
- HTML 5 <base> 标签
- HTML <frameset> 标签的 cols 属性和 rows 属性
- HTML <font> 标签的 color 属性
- HTML 简单教程-实例002 HTML标题<h1> - <h6> 标签
- HTML <input> 标签的 readonly 属性
- html-<span>标签
- HTML <thead> 标签
- HTML <iframe> 标签