一、html中的复合标签

1、列表

无序列表

<ul>
 <li>列表项1</li>
 <li>列表项2</li>
 ...
</ul>

说明：
    ul: 无序列表
    li:列表项

属性：  
    type：列表样式  
        - disc 实心圆（默认值）
        - circle 空心圆
       - square 实心方块

有序列表

<ol>
 <li>列表项</li>
 ...
</ol>

说明：
    ol: 有序列表
    li:列表项

属性：  
    type: 列表样式
        - 1 阿拉伯数字（默认）
        - a 字母顺序
        - A 大写字母顺序
        - I 罗马数字
        - i 罗马数字
    start: 起始值
    reversed: 倒序排列

2、表格

<table align="" width="" height="" border=""  cellspacing="" cellpadding="">
    <caption>标题</caption>
    <thead>
        <tr>
            <th></th>
       </tr>
    </thead>
    <tbody>
         <tr align="" bgclolor="">
              <td></td>
         </tr>
     </tbody>
     <tfoot>
         <tr align="">
             <td rowspan="" colspan=""></td>
         </tr>
     </tfoot>
</table>

说明：
    table： 表格
    caption： 表格标题
    thead： 表格头部
    tbody: 表格的正文部分
    tfoot: 表格底部
    tr: 行
    th: 表头
    td: 单元格
属性：
    align: 水平位置（left,center,right）
    width: 表格宽度
    height: 表格高度
    boder: 表框线
    cellspacing： 单元格间间隙
    cellpadding: 单元格内边距
    bgclolor: 背景颜色
    rowspan: 跨行合并
    colspan： 跨列合并
    valign: 垂直位置（top顶部，middle中间，bottom底部）

3、form表单

<form action="" method="" name="" enctype="text/plain"></form>

说明：
 被form标记包裹的区域，称为表单域。
 form： 表单
属性：
 action： 表单提交的地址，为空则代表提交到当前页面
 name: 表单名
 enctype： 提交的表单数据是否需要编码
  - application/x-www-form-urlencoded
  - multipart/form-data  不编码（表单控件中出现文件上传时使用）
  - text/plain 普通文本发送
 method： 提交方式
  - get  获取  
   提交的表单数据会显示到地址栏，格式： ?name=value&name=value
   每种浏览器地址栏最大长度不一致，如果数据过大可能会导致数据丢失。
   地址栏的数据会暴露，不太安全。
  - post  发送
   表单数据会被封装在请求头信息中（载荷）
   通常post提交方式的最大数据在服务器端配置，理论上没有限制。
   相较于get提交，数据相对安全。
-------------------------------------------------------------------
表单中的相关控件:
<input type="" name="" placeholder=""/>
属性：
    type： 控件类型
       - text   文本输入框
       - password    密码输入框
       - submit   提交按钮
       - radio    定义单选框
       - checkbox   多选框
       - button 定义按钮(没有提交功能)
       - image 图片提交按钮(src引入图片,以及width(宽)/height(高))
       - email 邮箱输入框(在提交数据时进行格式检测)
       - color 定义颜色选择框
       - number  定义数字输入框
       - file 定义文件选择(用于文件上传)
       - reset 重置按钮
       - hidden 隐藏控件
    name： 控件名称，服务器接收表单数据时对应的键名称。
    placeholder： 设置提示信息
    readonly 只读(不能修改)，可以提交
    disabled 禁用(不可操作)，不可提交
    size 定义输入框的尺寸(宽度)
    maxlength 定义输入框内容的最大长度
    min(type [number])  最小值
    max(type [number])  最大值
    list: 列表项
  案例：
   <input type="text" name="userName" list="un"/>
   <datalist id="un">
     <option value="张三">
     <option value="张三丰">
     <option value="张天爱">
     <option value="李莫愁">
   </datalist>
----------------------------------------------------------------
<select name="" size="" multiple>
 <option value="">选项1</option>
 ...
</select>

说明：
    select: 下拉框
    option：下拉项
属性：
    name: 下拉框名称
    value： 传递到服务器的值
    multiple： 按住ctrl可以实现多选
    size: 下拉框的显示高度
----------------------------------------------------------------
#多行文本框
<textarea name="" rows="" cols=""></textarea>

属性：
    rows: 定义多行文本框的最小行
    cols: 定义文本框的最小列