3 排版标签

3.1 标题标签

• 场景：在新闻和文章的页面中，都离不开标题，用来突出显示文章主题
• 代码：h系列标签

    <h1>1级标题</h1>
    <h2>2级标题</h2>
    <h3>3级标题</h3>
    <h4>4级标题</h4>
    <h5>5级标题</h5>
    <h6>6级标题</h6>
  

• 语义：1~6级标题，重要程度依次递减
• 特点：
  • 文字都有加粗
  • 文字都有变大，并且从h1 → h6文字逐渐减小
  • 独占一行
• 注意点：h1标签对于网页尤为重要，开发中有特定的使用场景，如：新闻的标题、网页的logo部分

3.2 段落标签

• 场景：在新闻和文章的页面中，用于分段显示
• 代码：<p>我是一段文字</p>
• 语义：段落
• 特点：
  • 段落之间存在间隙
  • 独占一行

3.3 换行标签

• 场景：让文字强制换行显示
• 代码：<br>
• 语义：换行
• 特点：
  • 单标签
  • 让文字强制换行

3.4 水平线标签

• 场景：分割不同主题内容的水平线
• 代码：<hr>
• 语义：主题的分割转换
• 特点：
  • 单标签
  • 在页面中显示一条水平线