借鑒於:https://www.cnblogs.com/yxm440/p/7667539.html
塊級元素:
大多數為結構性標記:
```
<address>...</adderss>
<center>...</center> 地址文字
<h1>...</h1> 標題一級
<h2>...</h2> 標題二級
<h3>...</h3> 標題三級
<h4>...</h4> 標題四級
<h5>...</h5> 標題五級
<h6>...</h6> 標題六級
<hr> 水平分割線
<p>...</p> 段落
<pre>...</pre> 預格式化 ,用於保留計算機源碼.
<blockquote>...</blockquote> 段落縮進 前后5個字符
<marquee>...</marquee> 滾動文本
<ul>...</ul> 無序列表
<ol>...</ol> 有序列表
<dl>...</dl> 定義列表
<table>...</table> 表格
<form>...</form> 表單
<div>...</div>
```
行內元素大多是為在行內解釋：
```
<span>...</span>
<a>...</a> 鏈接
<br> 換行
<b>...</b> 加粗
<strong>...</strong> 加粗
<img > 圖片
<sup>...</sup> 上標
<sub>...</sub> 下標
<i>...</i> 斜體
<em>...</em> 斜體
<del>...</del> 刪除線
<u>...</u> 下划線
<input>...</input> 文本框
<textarea>...</textarea> 多行文本
<select>...</select> 下拉列表
```
塊級元素的特點:
1.總是從新的一行開始
2.高度、寬度都是可控的
3.寬度沒有設置時，默認為100%
4.塊級元素中可以包含塊級元素和行內元素
行內元素的特點:
1.和其他元素在一行中；
2.高度、寬度以及內邊距都是不可控的
3.寬高就是內容的高度，不可以改變
4.行內元素只能行內元素，不能包含塊級元素