HyperText Markup Language 超文字標記語言
內聯元素 行間元素 行內元素 inline element
不獨佔一行、無法定義寬高
strong em del ins
塊級元素 獨佔一行、可以定義寬高 block element
p hx div address
內聯塊級元素 inline-block element 不獨佔一行，可以定義寬高
img
anchor 標籤（錨點）<a></a>
1.超連結標籤 2.打電話 href="tel:" 3.發郵件href="mailto:" 4.錨點定位 5.協議限定符href="javascript:;"
內聯元素可以巢狀內聯元素
塊級元素可以巢狀任何元素
p標籤不可以簽到div
a標籤不可以巢狀a標籤
a可以巢狀img
<sup>上標標籤 superscripted 內聯元素
<sup><a href="http://www.baidu.com" target="_blank" >[1]</a></sup>
<sub>下標標籤 subscripted 內聯元素
<span> 內聯元素
ol 有序 ul 無序 序列列表
dl definition list 定義列表 dt ->definition term dd ->definition description
block element
table 佈局用的 caption 標題標籤
tr table row 表格行 th table header cell表頭標籤 td table data cell 表格單元格標籤
cellpadding 單元格內邊距 cellspacing單元格間距 colspan 列合併 rowspan 行合併
thead 表格頁首標籤 table head
tfoot 表格的頁尾標籤 table foot
tbody 表格的主題標籤 table body
載入順序 thead--tfoot -- tbody
frameset 設定框架 frame
iframe 內聯框架 inline-block element 內聯塊級元素
scrolling yes|no|auto
form
textarea 總寬度：8*cols+17 rows可見行數 不識別換行和空格
placeholder 樣式不好操作 動態修改內容 所以會自己模擬
fieldset legend 都是塊級元素
<fieldset>
<legend>使用者登入</legend>
<p>使用者名稱</p>
<input type="text" id="username" placeholder="請輸入使用者名稱" />
</fieldset>
總結：
1內聯元素：span/strong/em/del/ins/label/a/sub/sup
2塊級元素：div/hx/p/address/ul/ol/li/dl/dt/dd/table/form/fieldset/legend
3內聯塊元素：input/img/select/textarea/iframe