在HTML中，<i> 和 <s> 标签是用于设置文本样式的基本元素。它们可以帮助我们改变文本的外观，使其更加突出或具有特定的视觉效果。本文将详细介绍这两个标签的用法，帮助您轻松掌握文本强调与斜体设置。
<i> 标签：斜体文本
<i> 标签通常用于表示斜体文本，这在网页设计中常用于强调某些内容，如书名、引语或技术术语。以下是一个简单的例子：
<p>这是一段普通的文本。</p>
<p><i>这是一段斜体文本。</i></p>
在这个例子中，”这是一段斜体文本。” 将以斜体显示。
<i> 标签的属性
class：允许您为斜体文本添加一个类，以便使用CSS进行样式定制。style：允许您直接在标签内定义CSS样式。
例如：
<p><i class="highlight" style="color: red;">这是一段斜体文本。</i></p>
在这个例子中，斜体文本将应用红色高亮样式。
<s> 标签：删除线文本
<s> 标签用于表示删除线文本，通常用于表示文本已被删除或不再有效。以下是一个简单的例子：
<p>这是一段普通的文本。</p>
<p><s>这是一段删除线文本。</s></p>
在这个例子中，”这是一段删除线文本。” 将以删除线显示。
<s> 标签的属性
与 <i> 标签类似，<s> 标签也支持 class 和 style 属性。
例如：
<p><s class="strikethrough" style="color: red;">这是一段删除线文本。</s></p>
在这个例子中，删除线文本将应用红色高亮样式。
<em> 和 <strong> 标签：强调文本
虽然 <i> 和 <s> 标签可以用于强调文本，但HTML还提供了 <em> 和 <strong> 标签，它们在语义上更加明确。
<em>：表示强调文本，但并不一定表示语气上的强调。<strong>：表示重要性较高的文本。
以下是一个例子：
<p>这是一段普通的文本。</p>
<p><em>这是一段强调文本。</em></p>
<p><strong>这是一段重要文本。</strong></p>
在这个例子中，”这是一段强调文本。” 和 “这是一段重要文本。” 将分别以斜体和加粗显示。
<em> 和 <strong> 标签的属性
这两个标签同样支持 class 和 style 属性。
例如：
<p><em class="highlight" style="color: red;">这是一段强调文本。</em></p>
<p><strong class="important" style="color: blue;">这是一段重要文本。</strong></p>
在这个例子中，强调文本和重要文本将分别应用红色和蓝色高亮样式。
总结
通过本文的介绍，您应该已经掌握了 <i> 和 <s> 标签的用法。这两个标签可以帮助您轻松设置文本的斜体和删除线样式。在实际应用中，您可以根据需要选择合适的标签，并结合CSS进行进一步定制。