html中<span>标签

最新推荐文章于 2025-07-26 12:49:04 发布

HD243608836

最新推荐文章于 2025-07-26 12:49:04 发布

阅读量713

点赞数

分类专栏： HTML

HTML 专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何利用HTML中的<span>标签来增强文本样式。通过实例展示了如何使用内联样式来改变特定文本的颜色和字体粗细，适用于对页面中部分文字进行特殊样式处理的情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

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

<span> 一般都放在<p>中使用（例如高亮文本）。

执行代码：

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
</head>
<body>

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

</body>
</html>

运行结果：

我的母亲有蓝色的眼睛，我得父亲有 碧绿色 的眼睛。