⾏内元素有哪些？块级元素有哪些？空(void)元素有哪些？⾏内元素和块级元素有什么区别？

一、⾏内元素

常用的一些⾏内元素：

span：对文档中的行内元素进行组合，没有固定的格式表现，提供了一种将文本的一部分或者文档的一部分独立出来的方式。

strong：一个短语标签，用来定义计算机程序的样本重要的文本，格式表现为包裹文字会加粗。

em：一个短语标签，用来呈现为被强调的文本，格式表现为包裹文字会倾斜。

br：一个简单的换行符，没有结束标签。

img：定义 HTML 页面中的图像，有两个必需的属性：src 和 alt。从技术上讲，图像并不会插入 HTML 页面中，而是链接到 HTML 页面上。<img> 标签的作用是为被引用的图像创建占位符。

input：规定了用户可以在其中输入数据的输入字段。在 <form> 元素中使用，用来声明允许用户输入数据的 input 控件。

label：为 input 元素定义标注（标记），标签的 for 属性应当与相关元素的 id 属性相同。

select：用来创建下拉列表，内部的中的 <option> 标签定义了列表中的可用选项。

textarea：定义一个多行的文本输入控件。

cite：定义作品（比如书籍、歌曲、电影、电视节目、绘画、雕塑等等）的标题

a：定义超链接，用于从一个页面链接到另一个页面，最重要的属性是 href 属性，指定链接的目标

b：标签定义粗体的文本。

二、块级元素

常用的一些块级元素：

div：定义 HTML 文档中的一个分隔区块或者一个区域部分。

p：定义段落。会自动在其前后创建一些空白。可以在样式表中规定其样式。

from：用于创建供用户输入的 HTML 表单。

ul：定义无序列表。与<li>标签一起使用，创建无序列表。

li：定义列表项目。可用在有序列表（<ol>）、无序列表（<ul>）和菜单列表（<menu>）中。

ol：定义了一个有序列表. 列表排序以数字来显示。使用<li>标签来定义列表选项。

dl：定义一个描述列表。与<dt>（定义项目/名字）和<dd>（描述每一个项目/名字）一起使用。

dt：定义一个描述列表的项目/名字。与 <dl>（定义一个描述列表）和 <dd>（描述每一个项目/名字）一起使用。

dd：用来对一个描述列表中的项目/名字进行描述。与 ​​​​​​​<dl>（定义一个描述列表）和<dt>（定义项目/名字）一起使用。

address：定义文档作者/所有者的联系信息。通常呈现为斜体。大多数浏览器会在该元素的前后添加换行。

fieldset：可以将表单内的相关元素分组。会在相关表单元素周围绘制边框。

hr：定义 HTML 页面中的主题变化（比如话题的转移），并显示为一条水平线。

menu：定义了一个命令列表或菜单。目前主流浏览器并不支持 <menu> 标签。

table：定义 HTML 表格。

h1-h6：用来定义 HTML 标题。<h1> 定义重要等级最高的标题。<h6> 定义重要等级最低的标题。

三、空(void)元素

空元素，即没有内容的 HTML 元素。空元素是在开始标签中关闭的，也就是空元素没有闭合标签。常用的一些空(void)元素：

br：一个简单的换行符，没有结束标签。

hr：定义 HTML 页面中的主题变化（比如话题的转移），并显示为一条水平线。

img：定义 HTML 页面中的图像，有两个必需的属性：src 和 alt。从技术上讲，图像并不会插入 HTML 页面中，而是链接到 HTML 页面上。<img> 标签的作用是为被引用的图像创建占位符。

menu：定义了一个命令列表或菜单。目前主流浏览器并不支持 <menu> 标签。

input：规定了用户可以在其中输入数据的输入字段。在 <form> 元素中使用，用来声明允许用户输入数据的 input 控件。

link：定义文档与外部资源的关系。最常见的用途是链接样式表。

其余还有：area, base, embed, keygen, param, source, track, wbr等。

四、⾏内元素和块级元素区别

⾏内元素	块级元素
在一条直线上排列，都是同一行的，水平方向排列，直至一行排不开，才会换行，其宽度随元素的内容而变化	独占一行，其宽度自动填满其父元素宽度，垂直方向排列
设置width，height属性无效	可以设置width，height属性，即使设置了宽度、仍然是独占一行
行内元素不能包含块级元素	块级元素可以包含行内元素和块级元素
盒模型属性上，行内元素的水平方向的padding-left,padding-right,margin-left,margin-right 都产生边距效果，但是竖直方向的padding-top,padding-bottom,margin-top,margin-bottom都不会产生边距效果，即水平方向有效，竖直方向无效，但可以设置line-height	盒模型属性上，块级元素可以设置margin 和 padding