讲师中心 微信公众号
AI工具推荐 视频效率加速

HTML 开发手册

浏览190610
更新时间2022-04-11

前言

HTML <span> 标签 实例 使用 <span> 元素对文本中的一部分进行着色: <p>我的母亲有 <span style='color:blue'>蓝色</span> 的眼睛。</p> 尝试一下 » ..

HTML <span> 标签

实例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<p>我的母亲有 <span style="color:blue;font-weight:bold">蓝色</span> 的眼睛,我得父亲有 <span style="color:darkolivegreen;font-weight:bold">碧绿色</span> 的眼睛。</p>

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例


浏览器支持

1000.png

所有主流浏览器都支持 <span> 标签。


标签定义及使用说明

<span> 用于对文档中的行内元素进行组合。

<span> 标签没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。如果不对 <span> 应用样式,那么 <span> 元素中的文本与其他文本不会任何视觉上的差异。

<span> 标签提供了一种将文本的一部分或者文档的一部分独立出来的方式。


提示和注释

提示:被 <span> 元素包含的文本,您可以使用 CSS 对它定义样式,或者使用 JavaScript 对它进行操作。


HTML 4.01 与 HTML5之间的差异

NONE.


全局属性

<span> 标签支持 HTML 的全局属性。


事件属性

<span> 标签支持 HTML 的事件属性。


关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn