我常用的行内标签、块级标签、自闭合标签

** 1. 行内标签 **

• 里面内容不会另起一行显示，书写完成后不会自动换行，可以包含在块级标签中。
• 没有宽度和高度，即使设置也不会生效，只依靠内容来决定大小。
• 行内标签转换为块级标签：display:block。

行内标签	描述
<a>	标签定义超链接，用于从一张页面链接到另一张页面。
<span>	被用来组合文档中的行内元素。
<br>	换行。

** 2. 块级标签 **

• 所有的块级标签都会独占一行，书写完会自动换行。
• 块级标签可以直接设置其宽度和高度。
• 级标签转换为行内标签：display:inline。

块级标签	描述
<div>	可定义文档中的分区或节。
<h1>-<h6>	定义标题。
<p>	定义段落。
<ul>	定义无序列表。
<li>	定义列表项目。
<ol>	定义有序列表。

** 3. 行内块标签 **

• 兼具了行内和块级标签的特点，可以设置宽高和对齐属性。

行内块标签	描述
<img>	向网页中嵌入一幅图像。从技术上讲，<img> 标签并不会在网页中插入图像，而是从网页上链接图像， 标签创建的是被引用图像的占位空间。
<input>	输入框。
<textarea>	多行的文本输入控件。

** 4. 自闭合标签 **

• 单个出现，只能定义一些属性，不能插入别的标签或者内容。

自闭合标签	描述
<br>	换行。
<meta>	定义页面元信息。
<hr>	水平线。
<link>	定义文档与外部资源的关系的链接。
<img>	图像。
<source>	标签为媒体元素（比如 和 ）定义媒体资源。。
<input>	输入框，表单元素。

** 5. 不同元素之间的转换方式 **

• 转换为块级元素： disaplay : block
• 转换为行内块元素：dispaly : inline-block
• 转换为行内元素 ： display : inline