HTML 中的元素类型

在 HTML 中，元素可以被分为两类：块级元素和行内元素。这两种类型的元素在网页布局和样式方面具有不同的特点。

块级元素

块级元素指的是占据一整行空间的元素，它们会自动换行。块级元素通常用于组织网页中的内容，例如标题、段落、列表和容器。

HTML 中的一些常见的块级元素有：

• <div>：用于容器元素，通常用于组织其他块级元素；
• <h1> ~ <h6>：用于标题元素，数字越小，级别越高；
• <p>：用于段落元素；
• <ul> 和 <ol>：用于无序列表和有序列表元素；
• <li>：用于列表中的每一项元素。

下面是一个块级元素的示例代码片段：

<div>
  <h1>标题</h1>
  <p>这是一个段落。</p>
  <ul>
    <li>列表项 1</li>
    <li>列表项 2</li>
    <li>列表项 3</li>
  </ul>
</div>

行内元素

行内元素指的是不会自动换行的元素，它们会尽可能地占据一行。行内元素通常用于内联文本、链接和图片等。

HTML 中的一些常见的行内元素有：

• <a>：用于超链接元素；
• <img>：用于图片元素；
• <span>：用于内联文本的容器元素。

下面是一个行内元素的示例代码片段：

<p>这是一段包含 <a href="#">超链接</a> 和 <img src="image.jpg" alt="图片"> 的文本。</p>

总之，在编写 HTML 代码时，要根据需要选择合适的元素类型，以实现最佳的网页布局和样式。