090_块元素行内元素行内块元素空元素
1. 塊元素指的是占據全部可用寬度的元素, 并且在其前后都會換行(display: block)。
1.1. 定義整個文檔(非常重要):?<html></html>
1.2. 定義文檔主題(非常重要): <body></body>, 有外邊距, 在Chrome中是8px。
1.3. 標題(非常重要): <h1></h1><h2></h2><h3></h3><h4></h4><h5></h5><h6></h6>, 有外邊距。
1.4. 水平線(重要): <hr />, 有外邊距。
1.5. 段落(非常重要): <p></p>, 有外邊距。
1.6. 定義預格式化的文本(非常重要): <pre></pre>, 有外邊距。
1.7. 定義塊引用(不重要): <blockquote></blockquote>, 有外邊距。
1.8. 定義文檔或文章的聯系信息(不重要): <address></address>
1.9. 定義無序列表(非常重要): <ul></ul>, 有外邊距, 有內邊距。
1.10. 定義有序列表(非常重要): <ol></ol>, 有外邊距, 有內邊距。
1.11. 定義列表項目(非常重要): <li></li>
1.12. 定義了定義列表(重要): <dl></dl>, 有外邊距。
1.13. 定義了定義列表中的項目(即術語部分)(重要): <dt></dt>
1.14. 定義列表中定義條目的定義部分(重要): <dd></dd>, 有外邊距。
1.15. 定義表格(非常重要): <table></table>
1.16. 定義表格標題(非常重要): <caption></caption>
1.17. 用于為用戶輸入創建html表單(非常重要): <form></form>
1.18. 將表單內的相關元素分組(非常重要): <fieldset></fieldset>, 有外邊距, 有內邊距。
1.19. 為<fieldset>元素定義標題(非常重要): <legend></legend>, 有內邊距。
1.20. 框架結構標簽(重要): <frameset></frameset>
1.21. 定義frameset中的一個特定的窗口(重要): <frame />
1.22. 定義居中文本(淘汰): <center></center>
1.23. 組合其他html元素的容器(非常重要): <div></div>
2. 行內元素通常不會以新行開始, 顯示在一行, 寬度隨內容變化, 當到達父元素寬度時換下一行顯示。設置寬高無效(display:inline)。
2.1. 圖像映射(不重要): <map></map>
2.2. 定義圖像映射中的區域(不重要): <area />
2.3. 鏈接(非常重要): <a></a>
2.4. 粗體文字(重要): <b></b>
2.5. 粗體文字并強調文本(非常重要): <strong></strong>
2.6. 斜體文字(重要): <i></i>
2.7. 斜體文字強調文本(非常重要): <em></em>
2.8. 大號字體(重要): <big></big>
2.9. 小號字體(重要): <small></small>
2.10. 上標文本(重要): <sup></sup>
2.11. 下標文本(重要): <sub></sub>
2.12. 插入文檔中的文本(重要): <ins></ins>
2.13. 刪除的文本(重要): <del></del>
2.14. 定義鍵盤文本(不重要): <kbd></kbd>
2.15. 定義計算機輸出示例(不重要): <samp></samp>
2.16. 表示變量的名稱(不重要): <var></var>
2.17. 表示計算機源代碼(不重要): <code></code>
2.18. 定義短的引用(不重要): <q></q>
2.19. 定義縮寫(不重要): <abbr></abbr>
2.20. 定義術語(不重要): <dfn></dfn>
2.21. 定義著作的標題(不重要): <cite></<cite>
2.22. 定義雙流向覆蓋(不重要): <bdo></bdo>
2.23. 定義下拉列表中的一個選項(非常重要): <option></option>
2.24. 定義文字的字體、尺寸和顏色(淘汰): <font></font>
2.25. 定義加刪除線的文本(淘汰): <strike></strike>
2.26. 定義加刪除線的文本(淘汰): <s></s>
2.27. 定義下劃線文本(淘汰): <u></u>
2.28. 組合文檔中的行內元素(非常重要): <span></span>
2.29. 用于不同類型的輸出(不重要): <output></output>
3.?行內塊元素既有行內元素的一些特性又有塊級元素的一些特性。但是可以設置寬高。(display: inline-block)
3.1. 圖像(非常重要): <img />
3.2. 定義表格內的表頭單元格(非常重要): <th></th>
3.3. 定義表格中的標準單元格(非常重要): <td></td>
3.4. 表單輸入元素(非常重要): <input />, 有內邊距。
3.5. 定義下拉列表(非常重要): <select></select>
3.6. 定義多行的文本輸入控件(非常重要): <textarea></textarea>, 有內邊距。
3.7. 定義一個按鈕(非常重要): <button></button>, 有內邊距。
3.8. 內聯框架(重要): <iframe></iframe>
3.9. 定義一個嵌入的對象(重要): <object></object>
3.10. 定義視頻(重要): <video></video>
3.11. 播放聲音文件或者音頻流(重要): <audio></audio>
3.12. 在網頁上繪制圖形(重要): <canvas></canvas>
4.?空元素
4.1. 為頁面上的所有鏈接規定默認地址或默認目標(不重要): <base />
4.2. 提供有關頁面的元信息(非常重要): <meta />
4.3. 定義文檔與外部資源之間的關系, 最常用于鏈接樣式表(非常重要):?<link />
4.4. 水平線(重要): <hr />
4.5. 折行(重要): <br />
4.6. 圖像(非常重要): <img />
4.7. 定義圖像映射中的區域(不重要): <area />
4.8. 表單輸入元素(非常重要): <input />
4.9. 定義frameset中的一個特定的窗口(重要): <frame />
4.10. 定義基準字體(淘汰): <basefont />
4.11. 提供參數(重要): <param />
總結
以上是生活随笔為你收集整理的090_块元素行内元素行内块元素空元素的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 089_学习过的html标签
- 下一篇： 016_CSS选择器列表