4.行内元素和块元素

        元素就是标签。在HTML中，元素可分为行内元素和块元素，独占一行的元素称为块元素，没有独占一行的元素称为行内元素。

1. 块元素（Block-level elements）：
   • 块元素通常会在页面上创建一个块或独立的区域，它们自动换行，独占一行或一整个容器的宽度。
   • 块元素用于表示页面的主要结构，如段落、标题、列表、div、header、footer等。
   • 可以在块级元素内包含其他块元素或内联元素。

常见的块元素包括：

• <div>
• <p>
• <h1>, <h2>, <h3>, ...
• <ul>, <ol>, <li>
• <form>
• <header>, <footer>
• <nav> <aside> <section> <article>

<p>这是一个块元素，它会独占一行。</p>
<div>这也是一个块元素，它可以包含其他元素。</div>

1. 行内元素（又称内联元素）（Inline elements）：
   • 内联元素通常不会独占一行，它们会在同一行内显示，并只占据其包含内容的宽度。
   • 内联元素用于包裹文本或文本的一部分，以应用样式、超链接等。
   • 通常不能在内联元素内包含块元素，但可以包含其他内联元素。

常见的内联元素包括：

• <span>
• <a>（超链接）
• <strong>, <em>（文本加粗、斜体）
• <img>（图像）
• <br>（换行）
• <input>（输入框）

<p>这是一段 <span style="color: red;">红色</span> 文本。</p>
<a href="#">这是一个超链接</a>，它可以包含在段落中。