CodeGym/课程/Frontend SELF ZH/HTML中的文本格式化

HTML中的文本格式化

可用

10.1 格式化开始

通过标签<b><strong><i><em><u><small>来格式化文本,允许web开发者提升 可读性并强调文本的特定部分。这些标签都有特定的用途:

  • <b>: 粗体文本,没有额外意义
  • <strong>: 带有重要性强调的粗体文本
  • <i>: 用于样式强调的斜体文本
  • <em>: 带有逻辑或语义强调的斜体文本
  • <u>: 用于视觉强调的下划线文本
  • <small>: 用于次要信息的小文字

理解和正确使用这些标签帮助你创建更易读和视觉上吸引人的网页。

文本格式化的主要标签

标签 <b> 和 <strong>

标签<b> 用于将文本设置为粗体,但没有特别的语义意义。标签<strong> 也将文本设置为粗体,但赋予其额外的语义意义,表示文本的重要性或显著性。

HTML
<p>这个文本是 <b>粗体</b>,而这个文本是 <strong>非常重要且粗体</strong></p>

标签 <i> 和 <em>

标签<i>用于将文本设置为斜体,没有特别的语义意义。 标签<em>将文本设置为斜体并表示要强调的内容。

HTML
<p>这个文本是 <i>斜体</i>,而这个文本是 <em>非常重要且斜体</em></p>

标签 <u> 和 <ins>

标签<u>用于为文本加下划线。标签<ins>也为文本加下划线, 但用于标识插入的文本,在跟踪更改时很有意义。

HTML
<p>这个文本是 <u>带下划线的</u>,而这个文本是 <ins>插入且带下划线的</ins></p>

标签 <s> 和 <del>

标签<s>用于删除线文本。标签<del>也删除线文本, 但表示删除的文本,在跟踪修改时有意义。

HTML
<p>这个文本是 <s>删除线的</s>,而这个文本是 <del>已删除且删除线的</del></p>

标签 <mark>

标签<mark>用于标识在当前上下文中特别重要或有意义的文本。 包含在<mark>中的文本显示为黄色背景。

HTML
<p>这个文本被 <mark>标记</mark> 以引起注意。</p>

标签 <small>

标签<small>用于显示比正常文本更小的文字。

HTML
<p>这是正文,而这是 <small>小文字</small></p>

标签 <sub> 和 <sup>

标签<sub><sup>分别用于创建下标和上标文本。

HTML
<p>这是含下标的文本 H<sub>2</sub>O 和含上标的文本 x<sup>2</sup></p>

10.2 换行

标签 <br>

标签 <br> 用于插入换行符,将文本移到新行,但 不会创建新段落

HTML
<p>这是含换行符的文本<br>在同一个段落内。</p>

标签 <hr>

标签 <hr> 用于插入水平线,视觉上分隔网页上的内容。

HTML
<p>线上的文本。</p>
<hr>
<p>线下的文本。</p>
1
任务
Frontend SELF ZH,  第 5 级课程 5
已锁定
<u> 和 <mark> 标签
<u> 和 <mark> 标签
1
任务
Frontend SELF ZH,  第 5 级课程 5
已锁定
标签 <i> 和 <em>
标签 <i> 和 <em>
评论
  • 受欢迎
你必须先登录才能发表评论
此页面还没有任何评论