前端第二天

表格标签 格式

<table>                                                                                                     
  <tr>表示表格中的一行
    <td>单元格内的文字</td>
    ...
  </tr>
    ...
</table>

border 设置表格的边框

cellspacing 单元格与单元格边框之间的空白距离

cellpadding 单元格内容与单元格边框之间的空白距离

width 表格宽度

height 表格高度

align=“left”或“center”或“right” 表格在网页中的对齐方式

<table border="1" cellspacing="0" cellpadding="20" width="800" align="center" > 就像这样写在table里

rowspan 跨行合并

colspan 跨列合并

合并单元格的步骤：

1、先判断跨行合并还是跨列合并

2、跨行合并用rowspan属性，跨列合并用个colspan属性

3、将rowspan 或者colspan写在第一个要合并的单元格上

4、将合并的行数和列数写在指定的属性值上

5、将多余的单元格注释掉

<input type="text"> 单行文本输入框

<input type="password">密码输入框

<input type="radio">单选按钮

<input type="checkbox">复选框

<input type="button">普通按钮

<input type="submit">提交按钮

<input type="reset">重置按钮

<input type="image">图像形式的提交按钮

<input type="file">文件域

<textarea cols="宽度 " rows="高度">创建多行文本输入框

<select>

  <option>选项1</option>
  <option>选项2</option>
  <option>选项3</option>
  ...

</select>                下拉菜单

HTML5新增比较重要的几个：

 <audio>定义音频内容

<video>定义视频（video 或者 movie）

 <datalist>定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。

 <drticle>定义页面独立的内容区域。

 <aside>定义页面的侧边栏内容。

<header>定义了文档的头部区域

<footer>定义 section 或 document 的页脚

<nav>定义导航链接的部分。

<progress>定义任何类型的任务的进度

<section>定义文档中的节（section、区段）。

HTML5 新的表单元素:

<datalist>元素规定输入域的选项列表<datalist> 属性规定 form 或 input 域应该拥有自动完成功能

<button> <button> 元素