web html 基础2

1.表格<table> 行 tr，没有列的说法，只是单元格td table里面只能仿tr，tr里面只能放td，td可以嵌套任何标签

　　表格属性

　　　　border 边框，

　　　　cellspacing 单元格和边框之间的距离

　　　　cellpadding 内容和单元格边框之间的距离

　　　　align 控制表格水平对齐，

　　表头标签 th放在tr里面，将td换成th

　　表格结构 thead和tbody两部分

　　表格标题 caption 标题  标签就是caption 写在<table>里面

　　合并单元格:写在td标签里面，

　　　　跨行合并，rowspan 从上往下，

　　　　跨列合并 colspan ，从左往右

2.浏览器查看标签结构，浏览器 右键 -检查（审查）

3.表单三大结构：表单域，表单控件，提示文本

　　表单控件：

　　　input 单标签

　　　　type 属性：text 单行文本框，password 密码输入框  r

　　　　　　adio 单选按钮 （单选框如果是一组，通过相同的name值来实现）checked = checked 默认选择项

　　　　　　checkbox 复选框 checked = checked 默认选择项

　　　　　　button 普通按钮 value 是button 的上面显示的文本

　　　　　　submit 提交按钮 value值同样是设置文本

　　　　　　reset 重置按钮 value 同样是设置文本

　　　　　　image 图片按钮 

　　　　　　file 文件按钮

　　　　　　maxlength 正整数，用户允许输入的最多的字符数

　　　　lable标签，与input搭配使用，label将input包裹，点击其他位置，input也可以获取焦点

　　　　　　如果label有多个表单，想定位到指定的表单，通过for=“id”的形式

　　　　文本域 textarea 双标签

　　　　下拉菜单 select 包含option，第一个option 会显示option里面有个属性，selected = “selected”，默认选中项

　　　　表单域 <form></form> 属性：

　　　　　　action 提交的目的去

　　　　　　method get post

　　　　　　name 取个名字

 html 5 新加的标签：

　　header定义网页的头部分

　　nav 定义导航栏

　　footer 定义网页的底部

　　article 定义文章

　　section 定义小区域，

　　aside 定义侧边

　　datalist 与select相似，与input搭配使用 类似百度

　　fieldset 与legend搭配使用 分组，会出现一个边框

　　input 属性：邮箱 email 手机tel 数字number右边还会有箭头 网址url 搜索 search range 区域滑块 时间time 日期date 

　　input 占位符 placeholder autofoucus =“autofocus”自动获取焦点 multipe 多文件上传 autocomplete 自动，使用这个，首先需要提交按钮，还需要name值 autocomplete 可以on或者off

　　required 不能为空 accesskey ="字母" 可以快速定位光标

多媒体标签：三种形式

　　1。embed标签定义嵌入内容，

　　2.video 播放视频

　　audio 插入声音 autoPlay controls loop -1代表无限循环 浏览器兼容不一样，一般转成三种格式，mp3，ogg wav