第三天
-
表格table
-
表格属性
-
border:边框 默认值为0 像素值(px)
border 边框 默认值为0 像素值(px) cellspacing 设置单元格和单元格之间的间距 像素 cellpadding 设置单元格内容和单元格的间距 像素 width 表格的宽度 像素值 height 表格的高度 像素 align 设置表格的水平对齐方式 left,center,right
-
-
合并单元格
-
跨行合并:rowspan 跨列合并:colspan
合并单元格的思想:
将多个内容合并的时候,就会有多余的东西,把它删除。 例如 把 3个 td 合并成一个, 那就多余了2个,需要删除。
公式: 删除的个数 = 合并的个数 - 1
合并的顺序 先上 先左
-
-
表单标签
-
现实中的表单,类似我们填的单子。
目的是为了收集用户信息。
在我们网页中, 我们也需要跟用户进行交互,收集用户资料,此时也需要表单。
在HTML中,一个完整的表单通常由表单控件(也称为表单元素)、提示信息和表单域3个部分构成。
表单控件:
包含了具体的表单功能项,如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。
提示信息:
一个表单中通常还需要包含一些说明性的文字,提示用户进行填写和操作。
表单域:
他相当于一个容器,用来容纳所有的表单控件和提示信息,可以通过他定义处理表单数据所用程序的url地址,以及数据提交到服务器的方法。如果不定义表单域,表单中的数据就无法传送到后台服务器。
-
-
input控件
-
单标签 br,hr,input
属性 属性值 描述 type text 单行文本输入框 password 密码输入框 radio 单选按钮 checkbox 多选按钮 button 普通按钮 submit 提交按钮 reset 重置按钮 image 图像形式的提交按钮 file 文件域 name 由用户自定义 控件的名称 value 由用户自定义 input控件中的默认值 size 正整数 控件在页面中显示的宽度 checked checked 定义选择控件中默认被选中的项 maxlength 正整数 控件允许输入的最大字符数 在上面的语法中,<input />标签为单标签,type属性为其最基本的属性,其取值有多种,用于指定不同的控件类型。除了type属性之外,<input />标签还可以定义很多其他的属性,其常用属性如下表所示。
-
-
下拉菜单
-
使用select控件定义下拉菜单的基本语法格式如下
注意:
- <select></select>中至少应包含一对<option></option>。
- 在option 中定义selected =" selected "时,当前项即为默认选中项。
-
-
新增的input type属性值
-
类型**** 使用示例**** 含义**** email**** 输入邮箱格式 tel**** 输入手机号码格式 url**** 输入url格式 number**** 输入数字格式 search**** 搜索框(体现语义化) range**** 自由拖动滑块 time**** 小时分钟 date**** 年月日 datetime**** 时间 month**** 月年 week**** 星期 年
-
-
常用新属性
属性**** 用法**** 含义**** placeholder**** 占位符 当用户输入的时候 里面的文字消失 删除所有文字,自动返回 autofocus**** 规定当页面加载时 input 元素应该自动获得焦点 multiple**** 多文件上传 autocomplete**** 规定表单是否应该启用自动完成功能 有2个值,一个是on 一个是off on 代表记录已经输入的值 1.autocomplete 首先需要提交按钮
2.这个表单您必须给他名字required**** 必填项 内容不能为空 accesskey**** 规定激活(使元素获得焦点)元素的快捷键 采用 alt + s的形式 -
HTML5新增多媒体
-
多媒体 audio
-
HTML5通过标签来解决音频播放的问题。
使用相当简单,如下图所示
并且可以通过附加属性可以更友好控制音频的播放,如:
autoplay 动播放
controls 是否显不默认播放控件
loop 循环播放 loop = 2 就是循环2次 loop 或者 loop = “-1” 无限循环
-
-
多媒体 video
-
HTML5通过标签来解决音频播放的问题。
同音频播放一样,使用也相当简单,
同样,通过附加属性可以更友好的控制视频的播放
autoplay 自动播放
controls 是否显示默认播放控件
loop 循环播放
width 设置播放窗口宽度
height 设置播放窗口的高度
-
-