html 学习 之 文本标签

下面是一些常见的HTML文本标签(,**,**** 和)以及它们的作用:

标签 (Emphasis - 强调):

作用:用于在文本中表示强调或重要性。

示例:

复制代码
<p>这是一段文本,<em>这里的文本被强调</em>,其余文本正常显示。</p>
<b>标签 (Bold - 粗体):

作用:用于将文本加粗显示,通常不表示强调或重要性。

示例:

复制代码
<p>这是一段文本,<b>这里的文本是粗体</b>,其余文本正常显示。</p>
<i>标签 (Italic - 斜体):

作用:用于将文本以斜体字体显示,通常不表示强调或重要性。

示例:

复制代码
<p>这是一段文本,<i>这里的文本是斜体</i>,其余文本正常显示。</p>
<strong>标签 (Strong - 强调):

作用:与类似,用于在文本中表示强调或重要性。通常表示更强烈的强调,可能以粗体方式显示。

示例:

复制代码
<p>这是一段文本,<strong>这里的文本被强调</strong>,其余文本正常显示。</p>
<del>标签 (Deleted Text - 删除线):

作用:用于表示文本中的删除或已删除的部分。通常会在文本中添加删除线。

示例:

复制代码
<p>这是一段文本,<del>这部分文本已被删除</del>,其余文本正常显示。</p>
<span>标签:

作用:标签通常用作一个通用的容器,用于在文本中应用自定义样式或JavaScript操作。

示例:

复制代码
<p>这是一段文本,<span style="color: red;">这里的文本有自定义样式</span>,其余文本正常显示。</p>

在上面的示例中,标签被用来改变文本颜色,但它也可以用于其他样式或JavaScript处理。

请注意,HTML文本标签的语义是重要的。<em><strong>标签表示强调和重要性,而<b><i>标签只是样式上的改变。<del> 标签用于表示删除,而不仅仅是改变文本样式。选择正确的标签可以提高页面的可访问性和SEO。

代码如下:

效果如下:

相关推荐
Cisyam^4 小时前
Bright Data Web Scraper 实战:构建 TikTok 与 LinkedIn Web Scraping 自动化 Skill(2026)
运维·前端·自动化
李剑一4 小时前
开箱即用!Vue3+TS 视频组件完整代码,自动提取视频第一帧做封面。妈妈再也不用担心我手动截封面了
前端
南境十里·墨染春水4 小时前
linux学习进展 I/O复用函数初步
linux·运维·学习
开开心心就好4 小时前
支持音视频图片文档的格式转换器
人工智能·学习·游戏·决策树·音视频·动态规划·语音识别
2501_940655974 小时前
Paperiii 官网入口:www.paperiii.com——2026抖音爆款AI写作工具
人工智能·学习·ai写作
盐多碧咸。。4 小时前
echarts折线图矩形选择 框选图表
前端·javascript·echarts
我想我不够好。4 小时前
2026.5.9消防监控学习 40min
学习
羽沢314 小时前
Canvas学习一
前端·css·学习·canvas
YouCanYouUp.4 小时前
从硬件中断到软件回调:深入理解中断向量表设计与实践
mcu·学习
KaMeidebaby5 小时前
卡梅德生物技术快报|锦葵科植物遗传转化工程化优化:棉花胚尖农杆菌转化体系参数固化与效率提升
前端