5.27 学前端的第三天，基础知识真的很无聊

表头标签
表头一般位于表格的第一行或第一列 其中文本加粗居中 
用法：用表头标签<th></th>替代相应的单元格标签<td></td>

<thead></thead>: 用于定义表格的头部
必须位于<table></table>标签中,一般包含网页的 Logo 和导航等头部信息
<tbody></tbody>: 用于定义表格的主体
位于<table></table>标签中 一般包含网页中除头部和底部之外的其他内容

表格标题
<table>
<caption>表格标题</caption>
</table>

合并单元格
跨行合并: rowspan  跨列合并 : colspan
合并单元格的思想: 
​将多个内容合并的时候, 就会有多余的东西, 把它删除 例如 把3个 td 合并成一个 那就多余了2个 需要删除
​公式 : 删除的个数 = 合并的个数 - 1
合并的顺序  先上  先左

表单标签
在HTML中 一个完整的表单通常有表单控件(也称为表单元素) 提示信息和表单域3个部分构成
表单控件:  包含了具体的表单功能项,如单行文本输入框 密码输入框 复选框 提交按钮 重置按钮等
提示信息: 一个表单中通常还需要包含一些文字说明 提示用户进行填写
表单域:  相当于一个容器，用来容纳所有表单控件的提示信息,可以通过他定义处理表单数据所用程序的URL地址,以及数据提交到服务器的方法,如果不定义表单域,表单中的数据就无法传送到后台服务器

input控件
<input />为单标签

input type

属性	属性值	描述
type	text	单行文本输入框
	password	密码输入框
	radio	单选按钮
	checkbox	复选框
	button	普通按钮
	submit	提交按钮
	reset	重置按钮
	image	图像形式的提交按钮
	file	文件域
name	由用户自定义	控件的名称
value	由用户自定义	input控件中的默认文本值
size	正整数	input控件在页面中的显示宽度
checked	checked	定义选择控件默认被选中的项
maxlength	正整数	控件允许输入最多的字符数

lable标签

label 标签为 input 元素定义标注 (标签)
1. 用label直接进行包裹input标签
<label> 输入账号: <input type="text" /> </label>
2. 如果label里面有多个表单 想定位到某个地方 可以通过for id 的格式来进行
<label for="two"> 输入账号: <input type="text" /> <input type="text" id="two"/> </label>

textarea控件(文本域)
如果需要输入大量的信息, 就需要用到<textarea></textarea>标签 
<textarea cols="每行中的字符数" rows="显示的行数">文本内容</textarea>

下拉菜单（select）
使用 select 控件定义下拉菜单的基本语法格式如下 
<select>
    <option> 选项1 </option>
    <option> 选项2 </option>
    <option> 选项3 </option>
    ...
</select>
注意：1. <select></select>中至少应包含一对<option></option>
          2. 在option中定义 selected="selected" 时, 当前项即为默认选中项

标签定义选项列表（datalist）与input元素配合使用
 <input type="text" value="喜欢的球" list="ball" />
<datalist id="ball">
    <option>篮球</option>
    <option>足球</option>
    <option>曲棍球</option>
    <option>马球</option>
    <option>又白又大的球</option>
</datalist>

表单域
在 HTML 中 form标签被用于定义表单域，即创建一个表单，用于与后端相连
<form action="url地址" method="提交方式" name="菜单名称">
 各种表单控件（input）
</form>
常用属性 : 
1. Action
在表单收集到信息后, 需要将信息传递给服务器进行处理 action 属性用于指定接收并处理表单数据的服务器程序的 url 地址
2. method
用于设置表单数据的提交方式 其取值为 get 或 post 
3. name
用于指定表单的名称 以区分同一个页面中的多个表单
注意 : 每个表单都应该有自己的表单域

html5新标签（排序按常用程度由高到低）
datalist : 标签定义选项列表 请与 input 元素配合使用该元素
fieldset : 元素可将表单内的相关元素分组打包，与 legend 搭配使用
<fieldset>
      <legend>用户登录</legend>
      用户名：<input type="text"><br /><br />
      密   码：<input type="password">
</fieldset>
header : 定义文档的页眉、头部
nav : 定义导航链接的部分
footer : 定义文档或节的页脚、底部
article : 定义文章
section : 定义文档中的节 ( section, 区段 )
aside : 定义其所处内容之外的内容、侧边

新增input type 属性值

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

常用新属性

属性	用法	含义
placeholder	<input type="text" placeholder="请输入用户名">	占位符提供可描述输入字段预期值的提示信息
autofocus	<input type="text" autofoces>	规定当页面加载时 input元素应自动获得焦点
multiple	<input type="file" multiple>	多文件上传
autocomplete	<input type="text" autocomplete="off">	规定表单是否应该启用自动完成功能，on/off，on代表记录已经输入的值
required	<input type="text" required>	必填项
accesskey	<input type="text" accesskey="s">	规定激活（使元素获得焦点）元素的快捷键，采用alt+字母的形式

多媒体标签
embed: 标签定义嵌入的内容（可以用来插入各种多媒体，格式可以是 Midi Wav AIFF AU MP3等等，url为音频或视频文件及其路径，可以是相对路径或者绝对路径）

audio :  播放音频
autoplay 自动播放 
controls 是否显不默认播放控件
loop 循环播放 loop="2" 就是循环2次 loop或者loop="-1" 无限循环
<audio src="" controls></audio>

video :  播放视频
autoplay 自动播放
controls 是否显示默认播放控件
loop 循环播放
width 设置播放窗口宽度
height 设置播放窗口的高度
<video src="" controls></video>