Menu
CoddyTech

行内 span

本课属于 Coddy HTML 学习旅程的“基础知识”单元。第 26 课,共 60 课。

如果我们有一个句子,只需要突出显示其中一个词或一小部分,该怎么办?我们可以使用 <span> 标签!它可以帮助我们只为文本中的特定部分应用样式或进行修改,而不影响其余部分。

以下是在 HTML 中使用 span 的基本语法:

<span>This is some text.</span>

下面是一个示例,展示如何使用 span 标签突出显示段落中的一部分文本:

<p>This is a <span style="color: blue;">blue</span> word.</p>

在这个示例中,“蓝色”这个词会以蓝色显示。

稍后我们会学习 style 属性!

challenge icon

挑战

简单

给定一个包含段落的 HTML 文档。你的任务是使用 <span> 标签包裹文本“qwerty12345”。

 

亲手试试

<!DOCTYPE html>
<html>
    <body>
        <!-- 在这里编写代码 -->
        <p>The secret password is qwerty12345.</p>
    </body>
</html>
quiz icon自我测试

这节课包含一个小测验。开始学习即可作答,并记录你的进度。

基础知识中的所有课

自己练习: Web 在线编辑器