html 03day

html 学习目标:

• 掌握表格标签
• 掌握表单标签
• 掌握H5新增表格和表单属性

表格 table(会使用)

表格的现在还是较为常用的一种标签，但不是用来布局，常见处理、显示表格式数据。

创建表格

在HTML网页中，要想创建表格，就需要使用表格相关的标签。创建表格的基本语法格式如下：

效果如下：

1.table 用于定义一个表格
2.tr 是定义表格中的一行，
3.td 就是定义表格中的单元格
注意：tr 中只能嵌套 td，td下可以有任意元素

表格属性

border:边框 默认值为0 像素值(px)

属性名	作用	常用单位
border	边框 默认值为0	像素值(px)
cellspacing	设置单元格和单元格之间的间距	像素
cellpadding	设置单元格内容和单元格的间距	像素
width	表格的宽度	像素值
height	表格的高度	像素
align	设置表格的水平对齐方式	left，center，right

表头标签

表头一般位于表格的第一行或第一列，其文本加粗居中，即为设置了表头的表格。设置表头非常简单，只需用表头标签<th></th>替代相应的单元格标签<td></td>即可。 table head th标签

表格结构（了解）

在使用表格进行布局时，可以将表格划分为头部、主体和页脚，具体 如下所示：

：用于定义表格的头部。

必须位于

标签中，一般包含网页的logo和导航等头部信息。

：用于定义表格的主体。

位于

标签中，一般包含网页中除头部和底部之外的其他内容。

合并单元格

跨行合并：rowspan 跨列合并：colspan

---

input type属性值：

类型	使用示例	含义
email		输入邮箱格式
tel		输入手机号码格式
url		输入url格式
number		输入数字格式
search		搜索框（体现语义化）
range		自由拖动滑块
time		小时分钟
date		年月日
datetime		时间
month		月年
week		星期 年

---

多媒体标签

• audio：播放音频

• video：播放视频

多媒体 audio

HTML5通过标签来解决音频播放的问题。
并且可以通过附加属性可以更友好控制音频的播放，如：

autoplay 动播放

controls 是否显不默认播放控件

loop 循环播放 loop = 2 就是循环2次 loop 或者 loop = “-1” 无限循环

多媒体 video

autoplay 自动播放

controls 是否显示默认播放控件

loop 循环播放

width 设置播放窗口宽度

height 设置播放窗口的高度