HTML 元素类型介绍

目录

1. 块级元素（Block-level Elements）

2. 行级元素（Inline Elements）

3. 行内块级元素（Inline-block Elements）

4. 表格相关元素

5. 列表相关元素

6. 表单相关元素

示例代码

示例效果

​编辑 

---

1. 块级元素（Block-level Elements）

块级元素在页面中独占一行，通常用于定义较大的结构。常见的块级元素包括：

• <div>：通用容器，用于定义文档中的分区或节。
• <p>：段落。
• <h1> 至 <h6>：标题，从最高级别的 <h1> 到最低级别的 <h6>。
• <ul> 和 <ol>：无序列表和有序列表。
• <li>：列表项。
• <table>：表格。
• <header>：页眉。
• <footer>：页脚。
• <nav>：导航链接。
• <section>：独立的内容区域。
• <article>：独立的文章。
• <aside>：侧边栏或辅助内容。

2. 行级元素（Inline Elements）

行级元素在同一行显示，通常用于定义文本中的特定部分。常见的行级元素包括：

• <a>：超链接。
• <img>：图片。
• <span>：通用容器，用于定义文档中的内联部分。
• <strong>：加粗文本。
• <em>：强调文本。
• <code>：计算机代码文本。
• <abbr>：缩写。
• <input>：输入字段。
• <button>：按钮。

3. 行内块级元素（Inline-block Elements）

行内块级元素结合了块级元素和行级元素的特性。它们在同一行显示，但可以设置宽度