1表格

1、表格的作用

  按照一定的格式来显示数据

2、创建表格

  1、定义表格:<table></table>
  2、创建表行:<tr></tr>

3、创建单元格(列):<td></td>

  注意：保证每行的列数都是一致的

3、表格的属性

  1、table 属性
     1、width ：宽度
 2、height ：高度
 3、align 
    作用：设置表格元素的水平对齐方式
    取值：left/center/right
 4、border ：边框宽度
 5、cellpadding
    内边距-单元格边框与内容之间的距离
 6、cellspacing
    外边距-单元格之间的距离
 7、bgcolor ：背景颜色
  2、tr 属性
     1、align
    当前行的文本 水平对齐方式
 3、bgcolor
    当前行的 背景颜色
 4、colspan ：设置单元格跨列
 5、rowspan ：设置单元格跨行

4、表格的子元素

  1、<caption></caption>
     作用：定义表格的标题
  2、行标题/列标题
     显示效果：水平居中，并且加粗显示文本
 <th></th> --> <td></td>
 1、colspan
    跨列，合并列
    横向向右 合并几个单元格(包含自己)

    注意：被合并的td，一定要删除
 2、rowspan
    跨行，合并行
    纵向向下 合并几个单元格(包含自己)
  3、表格的嵌套
     表格可以嵌套其他的表格
 被嵌套的表格 要 出现在 <td></td>中

2表单(重难点)

input

type="text"        文本类型
type="password"    密码类型
type="radio"       单选框
type="checkbox"    复选框

input  输入框  单标记
  <input>

    <input type="text">
    密码：<input type="password">

单选框

        <input type="radio" name="sex" value="QQ" />QQ
        <input type="radio" name="sex" value="京东钱包" />京东钱包

复选框

<input type="checkbox" name="自动登录" />
自动登录

按钮

<button type="button">登录</button>
<button type="button">重填</button></td>

下拉列表

<select name="cars">
<option value="默认">默认</option>
<option value="一代">一代</option>
<option value="二代">二代</option>
</select>