塊級元素
概念:
- 每個塊級元素都是獨自占一行。
- 元素的高度、寬度、行高和邊距都是可以設置的。
- 元素的寬度如果不設置的話,默認為父元素的寬度(父元素寬度100%)
<address>//定義地址 <h3> //定義標題 <ol> //定義有序列表
<caption>//定義表格標題 <h4> //定義標題 <ul> //定義無序列表
<dd> //定義列表中定義條目 <h5> //定義標題 <p> //標簽定義段落
<div> //定義文檔中的分區或節 <h6> //定義最小的標題 <pre> //定義預格式化的文本
<dl> //定義列表 <hr> //創建一條水平線 <table> //標簽定義 HTML 表格
<dt> //定義列表中的項目 <legend> //元素為 fieldset 元素定義標題 <tbody> //標簽表格主體(正文)
<fieldset> //定義一個框架集 <li> //標簽定義列表項目 <td> //表格中的標准單元格
<form> //創建 HTML 表單 <noframes> //為那些不支持框架的瀏覽器顯示文本,於 frameset 元素內部 <tfoot> //定義表格的頁腳(腳注或表注)
<h1> //定義最大的標題 <noscript> //定義在腳本未被執行時的替代內容 <th> //定義表頭單元格
<h2> // 定義副標題 <tr> //定義表格中的行 <thead> //標簽定義表格的表頭
行級元素
概念:
- 每一個行內元素可以和別的行內元素共享一行,相鄰的行內元素會排列在同一行里,直到一行排不下了,才會換行。
- 行內元素的高度、寬度、行高及頂部和底部邊距不可設置。
- 元素的寬度就是它包含的文字或圖片的寬度,不可改變。
<a> //標簽可定義錨 <abbr> //表示一個縮寫形式 <acronym> //定義只取首字母縮寫
<b> //字體加粗 <bdo> //可覆蓋默認的文本方向 <big> //大號字體加粗
<br> //換行 <cite> //引用進行定義 <code> // 定義計算機代碼文本
<dfn> //定義一個定義項目 <em> //定義為強調的內容 <i> //斜體文本效果
<img> //向網頁中嵌入一幅圖像 <input> //輸入框 <var> // 定義變量
<kbd> //定義鍵盤文本 <label> //標簽為 input 元素定義標注(標記) <q> //定義短的引用
<samp> //定義樣本文本 <select> // 創建單選或多選菜單 <small> //呈現小號字體效果
<span> //組合文檔中的行內元素 <strong> //加粗 <sub> //定義下標文本
<sup> //定義上標文本 <textarea> //多行的文本輸入控件 <tt> //打字機或者等寬的文本效果
- 塊級元素會獨占一行,而內聯元素和內聯塊元素則會在一行內顯示。
- 塊級元素和內聯塊元素可以設置 width、height 屬性,而內聯元素設置無效。
- 塊級元素的 width 默認為 100%,而內聯元素則是根據其自身的內容或子元素來決定其寬度。
2019-10-09 10:16:16