HTML的学习进程二

一. Table 的使用

<table border="1px" cellpadding="10px" cellspacing="10px" width="310px" height="140px" align="center">

border是用来设置表格框的宽，html默认border为0；

<table border="1px" cellpadding="10px" cellspacing="10px" width="310px" height="140px" align="center">
		<thead>
			<th>姓名</td>
			<th>年龄</td>
			<th>性别</td>
		</thead>
		<tbody>
			<tr>
				<td>周琦</td>
				<td>23</td>
				<td>男</td>
			</tr>
			<tr>
				<td rowspan="4">周琦q</td>
			</tr>
			<tr>
				<td colspan="2">351</td>
			</tr>
			<tr>
				<td>352</td>
				<td>女2</td>
			</tr>
			<tr>
				<td>353</td>
				<td>女3</td>
			</tr>
			<tr>
				<td colspan="3">以上的各位都是人妖</td>
			</tr>
		</tbody>
	</table>

2. 表单控件

单标签 br，hr，input

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

在上面的语法中，<input />标签为单标签，type属性为其最基本的属性，其取值有多种，用于指定不同的控件类型。除了type属性之外，<input />标签还可以定义很多其他的属性，其常用属性如下表所示。

label标签(理解)

label 标签为 input 元素定义标注（标签）。

下拉菜单

action: url地址
method: 提交方式
name : 表单的名称，区分同一界面的多个表单

常用新标签

• header：定义文档的页眉 头部
• nav：定义导航链接的部分
• footer：定义文档或节的页脚 底部
• article：定义文章。
• section：定义文档中的节（section、区段）
• aside：定义其所处内容之外的内容 侧边
• datalist 标签定义选项列表。请与 input 元素配合使用该元素
• fieldset 元素可将表单内的相关元素分组，打包 legend 搭配使用
  （legend:标题）

  新增的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的形式

多媒体标签

• audio：播放音频
• video：播放视频