一、 html標簽有哪些？
1）行內元素有哪些？
行內元素：行內大多為描述性標記
- <span>...</span>
- <a>...</a> 鏈接、 錨點
- <br> 換行
- <b>...</b> 加粗
- <strong>...</strong> 加粗
- em - 強調
- img - 圖片
- font - 字體設定 ( 不推薦 )
- <i>...</i> 斜體
- <em>...</em> 斜體
- <del>...</del> 刪除線
- strike - 中划線（已經廢棄）
- <u>...</u> 下划線
- <input>...</input> 文本框
- <textarea>...</textarea> 多行文本
- <select>...</select> 下拉列表
- <sup>...</sup> 上標
- <sub>...</sub> 下標
2）塊級元素有哪些？
塊級元素：塊級元素大多為結構性標記
- <address>...</adderss> 地址
- <center>...</center>舉中對齊塊
- <h1>...</h1> 標題一級
- <h2>...</h2> 標題二級
- <h3>...</h3> 標題三級
- <h4>...</h4> 標題四級
- <h5>...</h5> 標題五級
- <h6>...</h6> 標題六級
- <hr> 水平分割線
- <blockquote>...</blockquote> 段落縮進 前后5個字符
- <marquee>...</marquee> 滾動文本
- <ul>...</ul> 無序列表
- <ol>...</ol> 有序列表
- <dl>...</dl> 定義列表
- <table>...</table> 表格
- <form>...</form> 表單
- dir - 目錄列表
- <div>...</div>常用塊級容易，也是 css layout 的主要標簽
- fieldset - form控制組
- <p>...</p> 段落
- <pre>...</pre> 預格式化
3）空(void)元素有哪些？
- <br/> //換行
- <hr> //分隔線
- <input> //文本框等
- <img> //圖片
- <link> <meta>
二、行內元素和塊級元素有什么區別？
根據 CSS 規范的規定，每一個網頁元素都有一個 display 屬性，用於確定該元素的類型，每一個元素都有默認的 display 屬性值，比如 div 元素，它的默認 display 屬性值為 “block”，成為“塊級” 元素 (block-level)；而 span 元素的默認 display 屬性值為“inline”，稱為“行內” 元素。
- 區別一：
塊級：塊級元素會獨占一行，默認情況下寬度自動填滿其父元素寬度
行內：行內元素不會獨占一行，相鄰的行內元素會排在同一行。其寬度隨內容的變化而變化。
- 區別二：
塊級：塊級元素會自動占據一定矩形空間，可以設置寬高
行內：行內元素沒有自己的獨立空間，不可以設置寬高
- 區別三：
塊級：塊級元素可以設置margin，padding
行內：行內元素水平方向的margin-left; margin-right; padding-left; padding-right;可以生效。但是豎直方向的margin-bottom; margin-top; padding-top; padding-bottom;卻不能生效。
- 區別四：
塊級：display:block;
行內：display:inline;
可以通過修改display屬性來切換塊級元素和行內元素