FORM表单与TABLE表格双重奏

一、FORM表单

b/strong--字体变粗    i/em--字体变斜    u--文字加下划线    del--删除线    br--换行
span--标准行内标签，一般用来修饰文本   div--标准行内标签，一般用来布局页面
sub--下标   sup--上标   hr--水平分割线   hn--标题标签（依次递减层级）
1.关于字体变化的标签
（1）b/strong二者都能做到让字体变粗的效果，后者附加一层强调作用。
（2）i/em二者都能让字体变斜体，后者附加一层强调作用。
（3）del标签用来加删除线，u标签用来加下划线。
2.布局标签
（1）br用来换行，hr用来做水平切割线（可以设置宽度）。
（2）

① p 标签表示段落，两个相邻的 p 标签之间会空一行。的效果 align 是段落的对齐属 性，有三个

值 "left","center","right" 分别表示居左对齐，居中对齐，居右对齐。 p 和 br 有些相似，但是 br 换行时行于

行之间不空行

② font 标签用来修饰字体， color 属性表示字体的颜色， "#FF0000" 是颜色值。
（3）hn为标题标签（依次递减层级）
（4）div是一个标准的块标签，主要用来布局。
3.文本标签
（1）sub是下标签，sup是上标签。
（2）pre用原样修饰内容
（3）soan是一个行内标准标签，一般用来装饰包裹文本内容
附：相对路径与绝对路径

绝对路径：从盘符开始 要描述的文件路径 路径+文件的名称

相对路径：当前源文件和目标文件的相对路径位置

4.form的三个 重要属性

属性名称	属性值	属性作用
action	文件路径	表单提交后处理表单的文件
method	请求方式	method属性用来明确表单的提交方式
name	字符串	表单的名称

5.input标签
（1）关于type=x

类型	作用
text	单行文本框
password	密码框
checkbox	多选按钮
submit	提交按钮
reset	复位按钮（重置）
button	按钮
image	图像按钮
hidden	隐藏域
file	文本域
radio	单选按钮

附：

label标签为 input 元素定义标签(label),label 元素不会向用户呈现任何特殊的样式

readonly ------属性规定输入字段为只读，只读字段是不能修改的

disabled -------规定应该禁用 input 元素。 被禁用的 input 元素既不可用,也不可点击

required---------属性：在提交时，如果元素中内容为空白，则不允许提交，同时在浏览器中会弹出

提示文字。

autofocus--------属性：当页面打开时，该控件自动获得光标焦点

6.select标签（ select 元素主要是表单的下拉选择框 ）

属性名称	属性值	属性作用
option	子项	下拉框中的作用
value	字符串	选项的值
name	字符串	下拉框的名称
selected		默认被选中的选项
multiple	multiple	以列表形式显示

7.textarea标签（ textarea 表示也是表单标签的三大核心元素之一）

属性名称	属性值	属性作用
cols	数字	以字符个数设定的多行文本框的宽度
rows	数字	以字符个数设定的多行文本框的高度
name	字符串	多行文本框的名称

8.label标签

属性名称	属性作用
Text	文本颜色
Link	链接文本颜色
Vlink	访问链接的文本颜色
Alink	激活连接文本颜色
bgcolor	背景颜色

9.a标签（a标签可以进行页面跳转,默认为get请求（href="url"）
 

值	描述
blank	在新窗口中打开
self	默认。在相同的框架中打开
parent	在父框架集中打开
top	在整个窗口中打开
framename	在指定的框架中打开

10.常见属性
width—宽度  height—高度  border—边框  align—位置
top—上对齐  middle—居中对齐  bottom—下对齐  right—右对齐  left—左对齐
shape—鼠标点击的形状  coords—鼠标打击形状大小的取值
href—跳转的路径

二、table表格
1.表格布局

① table 标签用于定义一个表格。一个表格必须包含至少一个横行组，每一个横行组被分成三个部

分：头、主干、尾。头和尾是可选的。 thead 元素定义头， tfoot 元素定义尾， tbody 元素则定义主干。

② thead 标签元素定义头。

③ tr> 标签用于定义一行。

④ td> 标签用于定义一列。 td 也叫做单元格，必须放在 tr 中。

⑤ tbody 元素则定义主干。

⑥ tfoot 元素定义尾
 

2.常见表格布局标签

属性名	属性值	功能
width	数字（单位像素）	单元格高度
height	数字（单位像素）	单元格宽度
align	（左中右）	单元格水平对齐方式
valign	（上中下）	单元格垂直对齐方式
bgcolor	颜色	单元格的背景色
rowspan	数字	垂直方向跨行
colspan	数字	水平方向跨列

3.列表
type=x
（1）无序列表ul

种类	表现形式
circle	用空圆形表示条目
disc	用空心圆表示条目
square	用方形表示条目

（2）有序列表ol
 

种类	表现形式
1	用数字表示条目
a	用字母表示条目
i	用罗马数字表示条目