如何在HTML中实现文本的斜体、加粗、下划线和删除线样式？

在HTML中，可以通过标签或CSS来实现文本的斜体、加粗、下划线和删除线样式。

1. 斜体样式：
- 使用`<i>`或`<em>`标签可以使文本呈斜体显示。
- 通过CSS，可以设置`font-style`属性为`italic`来实现斜体效果。

2. 加粗样式：
- 使用`<b>`或`<strong>`标签可以使文本加粗。
- 通过CSS，可以设置`font-weight`属性为`bold`来实现加粗效果。

3. 下划线样式：
- 使用`<u>`标签可以使文本下方出现一条下划线。
- 通过CSS，可以设置`text-decoration`属性为`underline`来实现下划线效果。

4. 删除线样式：
- 使用`<s>`标签可以使文本上方出现一条删除线。
- 通过CSS，可以设置`text-decoration`属性为`line-through`来实现删除线效果。

CSS示例代码如下：

.italic-text {
    font-style: italic; /* 斜体 */
}

.bold-text {
    font-weight: bold; /* 加粗 */
}

.underline-text {
    text-decoration: underline; /* 下划线 */
}

.line-through-text {
    text-decoration: line-through; /* 删除线 */
}

HTML示例代码如下：

<!-- 使用标签实现样式 -->
<p><i>这段文本是斜体的。</i></p>
<p><b>这段文本是加粗的。</b></p>
<p><u>这段文本有下划线。</u></p>
<p><s>这段文本有删除线。</s></p>

<!-- 使用CSS实现样式 -->
<p class="italic-text">这段文本是斜体的。</p>
<p class="bold-text">这段文本是加粗的。</p>
<p class="underline-text">这段文本有下划线。</p>
<p class="line-through-text">这段文本有删除线。</p>