在HTML中，元素的类型可以根据其在页面布局中的行为分为三种：行内元素、块级元素和行内块元素。
### 行内元素（Inline Elements）
行内元素通常只能包含文本或者其他行内元素，它们不会单独换行，并且其宽度、高度、内边距和外边距都是不可设置的（或者说是隐式的）。
- `a`：链接
- `abbr`：缩写
- `b`：粗体文本
- `bdi`：文本方向独立
- `bdo`：文本方向覆盖
- `br`：换行
- `cite`：引用
- `code`：代码片段
- `data`：数据
- `dfn`：定义术语
- `em`：强调
- `i`：斜体文本
- `img`：图像
- `input`：输入控件
- `kbd`：键盘文本
- `label`：标签
- `mark`：标记文本
- `q`：短引用
- `ruby`： ruby 注释（东亚语言的注音或字符）
- `s`：删除线
- `samp`：样本代码
- `script`：脚本
- `select`：下拉列表
- `small`：小号文本
- `span`：常用元素，用于文本或行内内容的组合
- `strong`：重要文本
- `sub`：下标
- `sup`：上标
- `textarea`：多行文本输入控件
- `time`：日期或时间
- `tt`：打字机文本
- `var`：变量
- `wbr`：单词边界
### 块级元素（Block-level Elements）
块级元素通常会占据一整行，并且可以设置宽度、高度、内边距和外边距。
- `address`：地址
- `article`：文章
- `aside`：侧边栏内容
- `blockquote`：块引用
- `canvas`：画布
- `caption`：表格标题
- `col`：表格列定义
- `colgroup`：表格列组
- `dd`：定义列表中的定义
- `div`：常用元素，用于将内容组织成块
- `dl`：定义列表
- `dt`：定义列表中的术语
- `fieldset`：表单布局
- `figcaption`：图表标题
- `figure`：图表
- `footer`：页脚
- `form`：表单
- `h1`到`h6`：标题
- `header`：页眉
- `hr`：水平线
- `li`：列表项
- `main`：主要内容
- `nav`：导航链接
- `noscript`：不支持脚本时的内容
- `ol`：有序列表
- `p`：段落
- `pre`：预格式化文本
- `section`：节
- `table`：表格
- `tfoot`：表格脚注
- `th`：表格表头
- `thead`：表格表头
- `ul`：无序列表
### 行内块元素（Inline-block Elements）
行内块元素同时具有行内元素和块级元素的特点。它们可以设置宽度和高度，但是不会独占一整行。
- `img`：图像
- `input`：输入控件
- `button`：按钮
- `select`：下拉列表
- `textarea`：多行文本输入控件
这些元素通常用于需要在一行内显示多个元素，但每个元素又需要有自己的宽度和高度的情况。通过将元素的`display`属性设置为`inline-block`，可以实现这种效果。
