HTML 行内元素有哪些？块级元素有哪些？空（void）元素有哪些？

八股文一网打尽，更多面试题请看程序员面试刷题神器 - 面试鸭

1、行内元素（Inline Elements）

行内元素通常用于文本内部，它们不会导致文本换行，而是在内容流中连续展示。这些元素主要用来改变一小块内容的样式或行为，而不影响周围内容的布局。 常见的行内元素包括：

• <span>：用于对文本的小块部分进行分组和样式设置。
• <a>：定义超链接，用于从一个页面链接到另一个页面。
• <img>：将图像嵌入到文档中，虽然它看起来像是块级，但实际上它是行内的。
• <b> 和 <i>：分别用于加粗和倾斜文本，用于文本的简单样式改变。
• <input>：可以在文本行中直接显示，不会创建新的行。用于创建各种类型的数据输入字段
• <select>：用于在表单中创建下拉选择菜单，不打断行的连续性
• <strong>：用于为文本提供强调（通常表现为粗体），表现在行内，不会引起文本换行。

2、块级元素（Block-level Elements）

块级元素在页面中通常表现为“块”，会在其前后自动创建换行。块级元素用于结构上的组织，它们会占据其父元素（容器）的完整宽度。 常见的块级元素包括：

• <div>：用于文档中的分区或布局目的，非常灵活。
• <p>：定义段落，是文本的基本块级元素。
• <h1> 到 <h6>：定义六级标题，<h1>是最重要的，通常用于主标题。
• <ul>、<ol>：分别定义无序和有序列表。
• <li>：列表项，通常包含在 <ul> 或 <ol> 元素中。

3、空元素（Empty Elements）

空元素是那些没有结束标签、只有开始标签的元素，因为它们不包含任何内容。 常见的空元素包括：

• <img>：插入图片，需要 src 属性指定图像源。
• <br>：在文本中插入一个换行，用于改变内容的排列方式。
• <hr>：创建一条水平线，用于分隔内容。
• <input>：用于创建输入字段，如文本框、复选框、单选按钮等。
• <meta>：提供关于 HTML 文档的元数据，如定义字符集、页面描述等。
• <link>：用于链接外部资源，如 CSS 文件。

八股文一网打尽，更多面试题请看程序员面试刷题神器 - 面试鸭