1.标签主要分两类,即行内标签和块级标签,具体划分如下:
(1)行内标签
- 特点:
- 在一行内显示
- 不能设置宽高(如果不设置宽高,默认宽高是内容的宽高)
- 标签举例:
- a
- span
- em
- b
- strong
(2)行内块标签(属于行标签)
- 特点:
- 在一行显示
- 可以设置宽高
- 标签举例:
- img
- input
(3)块级标签
- 特点:
- 独占一行
- 可以设置宽高,如果不设置宽,继承父盒子宽度,即默认是父盒子宽度的100%
- 标签举例
- div
- ul (unordered line):无序列表,ul和ol的子标签一定是li
- ol :有序列表
- dl(dt-定义列表的标题,dd-定义列表描述内容)
- h1-h6标题标签
- p标签(p标签只能包含文本、表单元素、图片)
- form:表单标签
- action:指定交互的网址
- method:指定提交的方式,有post和get两种,默认为get模式
- input
- type
- text:文本输入框
- password:密码输入框
- radio:单选,.name属性一样时,会产生互斥效果,默认选中用checked
- checkbox:多选
- submit:提交按钮(点击后会自动提交至action中指定的交互网址)
- button:普通按钮
- file:文件上传
- date:时间选择器
- disabled:默认不选中
- type
- select ===>name (实现多选,给select设置multiple.摁着ctrl键选中)
- option ===>value
- textarea:定义文本框
- cols:设置列的个数,定义宽度
- rows:设置行数,定义了高度
- table(表格标签,tr,td,定义列头,之后再定义内容)
2.标签嵌套的规则
(1)块级标签可以包含任意其他标签(块级标签)(p标签除外)
(2)行内建议包含行内标签,尽量不要嵌套块级标签