行内元素、块级元素、空(void)元素
nan_kliang 9/3/2021 HTML
# 行内元素（Inline Elements）
行内元素通常不会在其前后产生换行，它们可以在同一行内与其他元素共存。一些常见的行内元素包括：
<a>: 超链接<span>: 用于定义文档中的部分或节，不改变默认布局<img>: 图像<input>: 输入控件<button>: 按钮<strong>: 表示重要的文本，通常以粗体形式呈现<em>: 表示强调的文本，通常以斜体形式呈现
# 块级元素（Block Elements）
块级元素通常会以新行开始，占据整个水平空间。一些常见的块级元素有：
<div>: 通用的容器元素，用于组合其他HTML元素<p>: 段落<h1>至<h6>: 标题<ul>,<ol>: 无序列表和有序列表<li>: 列表项<table>: 表格<tr>: 表格行<th>,<td>: 表格头单元格和表格数据单元格
# 空元素（Void Elements）
空元素是指那些没有闭合标签的元素，它们的内容为空，只能包含属性。一些常见的空元素包括：
<br>: 换行<hr>: 水平线<img>: 图像（虽然它也被视为行内元素）<link>: 用于定义文档与外部资源的关系<meta>: 用于提供有关HTML文档的信息<input>: 输入控件（尽管它在某些上下文中可以被视为行内元素）
# 元素之间的转换
HTML元素的默认显示类型是由CSS的display属性决定的。你可以通过修改display属性来改变元素的显示类型。例如：
# 将行内元素转换为块级元素
<a style="display:block;">这是一个块级链接</a>
# 将块级元素转换为行内元素
<div style="display:inline;">这是一个行内div</div>
# 将元素转换为行内块元素
<div style="display:inline-block;">这是一个行内块div</div>
行内块元素（inline-block）类似于行内元素，但可以设置宽度和高度，并且可以对其应用垂直对齐。这种类型的元素不会像块级元素那样占据整行空间，但可以像块级元素那样设置尺寸和对齐方式。