html5 标签学习【二】

表格标签【展示数据】

双标签：

表格标签：<table></table>

行标签：<tr></tr> 

列标签：<td></td>  其中表头单元格标签【加粗显示居中】为:<th></th> 

表格属性

属性名	属性值	描述
align	left、center、right	表格对齐方式
border	1或""	表格是否拥有表框，默认为""
cellpadding	像素值	边框和内容之间的空白，默认为1像素
cellspacing	像素值	单元格之前的空白，默认为2像素
width	像素值或百分比	表格的宽度
height	像素值或百分比	表格的高度

表格结构标签

表格的头部【用于表示表头区域，必须拥有tr标签，一般是第一行】：<thead></thead>

表格的主题【用于存放数据本体】：<tbody></tbody>  

表格合并标签

跨行合并：rowspan=“个数”

跨列合并：colspan=“个数”

列表标签

标签名	定义	说明
<ul></ul>	无序标签	里面只能包含li，没有顺序，使用较多，li里面可以包含任何标签
<ol></ol>	有序标签	里面只能包含li，有顺序，使用较少，li里面可以包含任何标签
<dl></dl>	自定义标签	里面只能包含dt和dd，有顺序，dt和dd里面可以包含任何标签

表单标签【收集数据】

表单由表单域、表单控件【表单元素】、提示信息组成。

<input type="属性值"  />

表单域标签

<from></form>  定义表单域标签  ，会把表单内元素提交给服务器

属性	属性值	作用
action	url地址	用于指定接收并处理表单数据的服务器程序的url地址
method	get/post	用于设置表单数据的提交方式，值为get、post
name	名称	用于指定表单的名称，以区分同一个页面中的多个表单域

表单控件

type属性值及描述

属性值	描述
checkbox	定义复选框
radio	定义单元框
text	定义单行的输入字段，用户可在其中输入文本，默认长度为20个字符
password	定义密码字段，改字段中的字符被掩码
button	定义可点击按钮
submit	定义提交按钮，按钮会把表单数据发送到服务器
reset	定义重置按钮，会清楚表单中的所有数据
file	定义输入字段和浏览按钮，用于文件上传
image	定义图像形式的提交按钮
hidden	定义隐藏的输入字段

name属性：定义input元素的名称

value属性：初始化input元素的值

checked属性：定义input元素首次加载时，默认选中的值

maxlength属性：定义输入字符中的字符的最大长度

name和value是每个表单元素有拥有的属性，主要给后台人员使用

name表单元素的名字，单选按钮和复选按钮都要有相同的name

 

label标签

场景：input元素定义标签，获取焦点

核心：label标签的for属性应当与相关元素的id属性相同

<label for="对应元素的id" ></babel>

select 标签

场景：多选项，定义下拉列表、省空间

<select> <option></option> </select>

selected属性：selected="selected" 默认选中

textarea标签

场景：输入多行文本内容

<textarea></textarea>

rows属性：显示的行数

cols属性：每行显示的字符数