#表格**table**

    定义表格
    定义表格的头
    定义表格的主体
    定义表格的标题
    定义表格的行
    定义表头单元格
    定义表格的标准单元格

    1. 没有添加边框时,表格和单元格是没有边框的。
    2. 没有添加宽高时,靠内容撑出宽度和高度。
    3. 表格中某一个单元格的大小发生改变,会影响其一行/一列的单元格的大小。

      border-spacing:0;
      设置单元格之间是否有间隙。值(0:没有。1:默认值,有 )

      border-collapse:collapse;
      单元格与边框是否合并。collapse:合并。separate:默认值,分开。

    colspan=”x” 跨列合并(横向合并)x个格子(设置后需删除 x-1 个右边的格子);
    rolspan=”y” 跨行合并(纵向合并)y个格子(设置后需删除 y-1 个下边的格子);

    可以在单元格内添加另一个表格:

    1. <tr>
    2. <td colspan="5">
    3. <table style="border: none;">
    4. <tr>
    5. <td style="width: 200px; border: none; border-right: 1px solid;">1</td>
    6. <td style="width: 200px; border: none; border-right: 1px solid;">1</td>
    7. <td style="width: 200px; border: none;">1</td>
    8. </tr>
    9. </table>
    10. </td>
    11. </tr>

    #列表**list

    定义无序列表
  • : 定义列表的项
    默认样式:margin-top=font-size; margin-bottom=font-size; left-padding: 40px;
    序号默认为圆点,可以通过css样式改变。

    list-style : disc ; 设置无序列表序号样式
    disc:默认值,圆点。
    circle:设置圆圈。
    square: 设置方块。
    none: 定义无,清除。

    定义有序列表
  • : 定义列表的项
    默认样式:margin-top=font-size; margin-bottom=font-size; left-padding: 40px;
    type属性 : 列表序号的类型。
    1 2 3…:阿拉伯数字
    a b c… : 小写英文字母
    A B C… : 大写英文字母
    i ii iii… : 小写罗马数字
    I II III… : 大写罗马数字

    定义自定义列表
    : 定义列表的项
    : 定义列表的描述(默认有40px的left-margin)
    一个列表项可以设置多个列表的描述,自定义列表多用于电商网页底部。


    #表单**form**

    创建表单
    action属性:”链接” ; 当表单提交时,将数据发往链接处。

    创建输入框,按钮等
    type属性:定义input的类型

      - text    文本输入框(默认)
      - password    密码
      - button    按钮
      - sumbit    提交按钮,会把表单内的数据发送到服务器。
      - reset    重置按钮,会清除表单内的所有数据。
      - file    选择本地文件上传按钮(默认只能上传一个文件)。accept属性="text/*"指定上传的文件类型为text。multiple属性:一次可以选择多个文件。
      - image    设置图像形式的提交按钮
      - checkbox    设置复选框。checked(默认选中)
      - radio    设置单选框。checked(默认选中) radio使用方式:添加name属性设置组名称。接着把多个radio单选框的name设置为相同的一个,那么同一个组里的多个单选框只能同时被选中一个。
    

    name属性:定义input的名称。
    value属性:定义input输入框中已经输入的值。
    placeholder属性:定义文本输入框的提示语。
    autofocus属性:自动成为输入焦点。
    autocomplete属性:是否启用自动完成功能(历史提示)。
    required属性:输入的内容不能为空。
    disabled属性:禁用input元素。

    给input标签添加标注
    for属性:填入input标签的id名与lable进行绑定。
    使用方式:先给想要绑定的input标签设置一个id名,然后在lable标签的for属性,填入input标签的id名,即可添加绑定。点击lable的文本内容就让input标签获取焦点。

    可以将表单中的元素分组

      - <legend></legend>定义fieldset元素的标题。块
    

    定义多组下拉菜单

      - <optgroup></optgroup>定义选项组(可以不使用optgroup元素)
         - <option></option>定义组内的一个选项。selected(默认选中项)