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

HTML中的文本格式化

Frontend SELF ZH
第 5 级 , 课程 5
可用

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
Опрос
表格,  5 уровень,  5 лекция
недоступен
表格
表格
评论
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION