标记

HTML文本格式化标记详解

最新推荐文章于 2025-04-03 09:58:47 发布

转载最新推荐文章于 2025-04-03 09:58:47 发布 · 181 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yd09023/p/5836338.html

本文详细介绍了HTML中用于文本格式化的各种标记，包括如何实现文本的加粗、斜体、下划线、删除线、上标及下标等效果，并解释了字体标记的使用方法及其属性设置。

bold 加粗

italic 斜线：对应Word文档的 I 斜体

underline 下划线

<s></s> strike 删除线

上标

下标

字体标记

　　Size : 文本大小取值1 --- 7 1 最小 7 最大

　　Color: 颜色值

　　Face ：字体如楷体黑体宋体

转载于:https://www.cnblogs.com/yd09023/p/5836338.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33907511

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

避免使用＜b＞、＜i＞、＜s＞和＜u＞标签

liuhao9999的博客

08-01

300

这些标签通常用于样式目的。相反，请使用提供相同外观的语义标签或CSS样式。有关这些标签之间差异的更多信息，请查看。

HTML5中的列表嵌套是指将一个列表元素（如无序列表＜ul＞或有序列表＜ol＞）嵌入到另一个列表元素中

BLOG域名:programb.blog.youkuaiyun.com

06-26

2347

在这个示例中，我们创建了一个包含三个水果名称的有序列表。当您在浏览器中打开这个HTML文件时，会看到一个标题“我的水果清单”，下面是按顺序编号的水果列表，编号从1开始自动递增。在这个例子中，我们有一个主列表，其中包含三个主要类别：水果、蔬菜和零食。每个类别下又有一个子列表，列出了该类别下的具体项目。这种结构使得信息组织清晰，易于阅读和理解。HTML5中的列表嵌套是指将一个列表元素（如无序列表。在HTML5中创建一个有序列表非常简单，只需使用。

参与评论您还未登录，请先登录后发表或查看评论

避免使用 、、<s> 和 标签

lio-zero 的博客

02-09

286

这些标签通常用于设置样式。建议不要使用它们。相反，使用提供相同外观的语义标签或 CSS 样式。标签推荐方式 <s> text-decoration: line-through text-decoration: underline <b...

NO.14 b标签与 i标签

lzh131464的博客

01-02

599

在HTML中，、的作用是对文本文字进行加粗、倾斜。 、与、在浏览器页面中的显示效果是一样的，它们之间的区别在于、不具有“语义化”，而、都具有语义化。 ...

HTML语义化：为什么我们应该避免使用`＜b＞`、`＜i＞`和`＜u＞`标签

热门推荐

欧特GO

05-16

1万+

数据结构之图Graph详解及代码实现,包括概念、术语、基础实现代码、BFS/DFS实现源码。

HTML 简介

unber的博客

02-07

1512

HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言:HyperTextMarkupLanguageHTML 不是一种编程语言，而是一种标记语言标记语言是一套标记标签HTML 使用标记标签来描述网页HTML 文档包含了HTML标签及文本内容HTML文档也叫做web 页面。

HTML----基础案例（与笔记对应）

sumuqi的博客

03-22

1270

案例1 !DOCTYPE html> <html> <head> <title>第一个HTML文件</title> <meta charset="utf-8"> </head> <body> 欢迎学习HTML </body> </html> 案例2 <html...

html 入门标签学习

weidong_y的博客

08-27

833

目录 Html4 Html 5 Html4 1、物理字体 … 设置标记间的文字为粗体 blod face … 设置标记间的文字为斜体 italic … 设置标记间的文字带下划线 under line …&

你知道strong和b;i和em的区别吗？

F-ZERO-F的博客

04-22

3115

一： W3school定义： 标签规定粗体文本。（实现加粗显示效果） H5的规范声明： 1)使用<h1~6>来表示标题， 2)使用来表示强调的文本， 3)使用来表示更重要的文本， 4)使用标签来表示标注的或突出显示的文本。 5)只有当没有...

HTML中被废弃的标签<s>

04-21

592

代替给文字加粗 <ins>代替给文本添加下划线 代替将文本倾斜 <del>代替<s>给文本添加下划线转载于:https://www.cnblogs.com/dotnetHui/p/8898130.html...

HTML入门5_常用标签_粗体、斜体和下划线标签

安小静--

10-14

2369

本篇介绍HTML中字体效果，分别是粗体和斜体以及下划线效果。HTML中 标签表示粗体，是英文打次blod的缩写； 标签标签斜体，是英文单词italic的缩写； 表示下划线，是英文单词underline的缩写。来看一个例子 <!DOCTYPE html> <html> <head> <titl...

HTML 框架标签、其他标签、特殊字符

ONESTARの博客

08-15

1894

目录一、框架标签 1、< iframe > 标签 2、< frameset > 标签二、其他常用标签 1、< meta > 标签 2、< base > 标签 3、< link > 标签 4、< s >标签 5、< sub &g...

html 失效,html-和标签是否会被弃用？

weixin_33552230的博客

06-09

841

html-和标签是否会被弃用？(这比任何未决的灾难更像是一个好奇的问题：D)因此 and 标签自网络开始以来就存在(我认为)。但是，现在我们有了CSS，许多人开始使用“样式html标签”。它们是样式标签，但实际上还不错，因为它们使我们不必一遍遍地制作，从而减少了下载时间。看到它们占用的空间不多，易于使用，可能对屏幕阅读器，搜索引擎和其他不太在乎文档外观的其他应用程序很有用，删除它们会破坏TO...

b/strong和i/em的区别

尊哥的博客

08-28

780

一句话理解： b和i是样式上强调。 strong和em是语义上强调。 &lt;em&gt;用来局部强调，&lt;strong&gt;则是全局强调。从视觉上考虑，&lt;em&gt;的强调是有顺序的，阅读到某处时，才会注意到。 &lt;strong&gt;的强调则是一种随意无顺序的，看见某文时，立刻就凸显出来的关键词句。 &lt;b&gt;和

前端刷题 —— 牛客网前端题库60道详解(二)

weixin_40664145的博客

04-13

1994

目录引言将字符串转换为驼峰格式(中等) 字符串字符统计(入门) 加粗文字(中等) 段落标识(简单) 设置文字颜色(较难???) 查找数组元素位置(简单) 数组求和(入门) 移除数组中的元素(简单) 移除数组中的元素(中等) 添加元素(简单) 引言牛客网这个前端笔试题库，可以说这60道是最基础的了，也是考察的东西比较杂，有时间4天差不多就可以刷完，巩固基础还是有些用的。做完题回顾一上午就可以过完一遍。现在我结合我的答案和参考的其他人的答案，在这里做一个总结，也是自己知识的整理结果。前端刷

牛客前端大挑战13-25

cuixueying521123的博客

07-12

190

13.文字加粗描述使用一个标签将"牛客网"三个字加粗显示 牛客网，程序员必备求职神器 14.段落标识描述请将下面这句话以段落的形式展示在浏览器中——“牛客网是一个专注于程序员的学习和成长的专业平台。” 牛客网是一个专注于程序员的学习和成长的专业平台。 let p=document.createElement('p') p.innerHTML='牛客网是一个专注于程

HTML基础-02-文本格式化、引文（斜体、粗体、上/下标签、删除、插入、强调、加重、字号、预格式，缩写、文字方向、短引用、长引用、引证）

架构+开发+运维

03-15

2603

1. 文本格式化标签 1.1 斜体和粗体 1.2. 上标和下标 1.3 删除和插入 < del > < ins > 1.4 强调文本和加重语气 1.5 定义字号 < big > 1.6 预格式文本 < pre > 2. "计算机输出" 标签 3. 引文和引用 3.1 缩写 < abbr > < acronym > 3.2 地址和连接 < address > 3.3 文字方向 < bdo > 3.4 短

标签

03-19

<think>好的，我现在需要回答用户关于如何在HTML中正确使用``和``标签的问题。首先，我得回顾一下这两个标签的基本用法和语义变化，尤其是在HTML5中的更新。根据引用[2]，``、``、``和``在HTML5中被赋予了新的语义含义。以前，``和``主要用于斜体和加粗的样式呈现，但现在更强调语义而非样式。这意味着我需要解释它们现在的正确使用场景，而不仅仅是视觉上的效果。首先，处理``标签。在HTML5中，它用于表示以不同语气或声音呈现的文本，比如技术术语、外语短语或想法。例如，拉丁文短语通常用``包裹。这时候应该举几个例子，比如Veni, vidi, vici，并说明需要结合`lang`属性使用，以增强语义。接下来是``标签。现在它用于引起注意但不强调重要性的内容，如关键词、产品名称等。需要区分``和``（表示重要性）以及``（强调语气）。例如，文章摘要中的关键词可以用``标记，但不应过度使用，以免影响可访问性。然后，对比旧版HTML中的用法，说明现在的变化。比如，过去可能用``单纯做斜体，现在建议优先考虑CSS样式，除非有语义需求。同时，注意可访问性，确保屏幕阅读器能正确解读这些标签的语义。用户可能需要具体的代码示例，所以得准备一个例子，展示正确使用这两个标签的情况，并指出常见错误，比如用它们替代CSS样式的情况。最后，生成相关问题时要考虑用户可能的后续疑问，比如与``和``的区别，如何结合CSS使用，以及可访问性注意事项。这样可以帮助用户更全面地理解相关标签的使用。现在需要确保回答结构清晰，分点说明每个标签的用法，举例说明，并引用正确的来源。同时检查是否符合系统级指令，比如数学公式是否正确使用$...$，但这个问题可能不涉及数学公式，所以主要关注中文回答、引用标识和代码格式。</think>在HTML中正确使用``和``标签需要结合其语义含义，尤其在HTML5中它们的功能已从单纯样式转向语义化表达[^2]。 ### 一、``标签的用法 1. **语义定义** 表示以不同语气或声音呈现的文本，例如： - 技术术语（如物种拉丁名：`Homo sapiens`） - 外文短语（需配合`lang`属性，如 `Bonjour`） - 角色内心的想法（如 `这不可能…他心想`） 2. **代码示例** ```html 达尔文在《物种起源》中提出 Naturalis Historia 的概念。 ``` ### 二、``标签的用法 1. **语义定义** 用于引起读者注意但不强调重要性的内容，例如： - 摘要中的关键词（如 `气候变化是21世纪的核心挑战`） - 产品名称（如 `iPhone 14发布信息更新`） 2. **与``的区别** ``表示内容重要性（如警告），而``仅用于视觉突出。 ### 三、注意事项 1. **避免纯样式用途** 若仅需斜体/加粗效果，应使用CSS： ```html CSS斜体 CSS加粗 ``` 2. **可访问性优化** 屏幕阅读器会根据语义调整语调，因此语义化标签能提升无障碍体验。 ### 四、常见错误示例 ```html  限时折扣   危险！勿触碰  ```

<b> <i> 标记