02 标签的分类

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：默认不选中
    •        select  ===>name （实现多选,给select设置multiple.摁着ctrl键选中）
      • 　　option ===>value
    • 　　textarea：定义文本框
      
      • 　　cols：设置列的个数，定义宽度
      • 　　rows：设置行数，定义了高度
  • 　　table（表格标签，tr，td，定义列头，之后再定义内容）
     

2.标签嵌套的规则

（1）块级标签可以包含任意其他标签（块级标签）（p标签除外）

（2）行内建议包含行内标签，尽量不要嵌套块级标签