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