span标签的例子

发布时间:2019-11-13编辑:脚本学堂
本文介绍下,html的span标签的例子,有需要的朋友,参考下吧。

在html中,可以这样使用span标签

<span id=指定样式名称>...</span>

<span class=指定样式名称>...</span>

说明:

1,span标签加入到HTML中的主要目的是用于样式表,当样式表失效时它就没有任何作用了。
2,span标签可以使用class和id类选择符。

来看例子吧,使用<span>标签定义的区域:

复制代码 代码示例:
<html>
<head>
<title>span标签的应用_www.jb200.com</title>
<style type="text/css">
<!--
center.text{font-family:楷体;color:blue;font-size:25pt}
i{color:red;font-size:30pt}
#green{color:grean}
*.purple{color:purple}
-->
</style>
</head>
<body bgcolor=lightyellow>
<center class=text>
<span id=green>欢迎</span>光临
<i>脚本学堂,欢迎大家的光临! http://www.jb200.com</i>
<span class=purple>欢迎</span>脚本编程、网站编程、服务器配置。<br><br>
</center>
</body>
</font>
</html>