一、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是一个行内标准标签,一般用来装饰包裹文本内容
附:相对路径与绝对路径
7.textarea标签( textarea 表示也是表单标签的三大核心元素之一)
(3)hn为标题标签(依次递减层级)
(4)div是一个标准的块标签,主要用来布局。
3.文本标签
(1)sub是下标签,sup是上标签。
(2)pre用原样修饰内容
(3)soan是一个行内标准标签,一般用来装饰包裹文本内容
附:相对路径与绝对路径
绝对路径:从盘符开始 要描述的文件路径 路径+文件的名称
相对路径:当前源文件和目标文件的相对路径位置
4.form的三个
重要属性
6.select标签(
select
元素主要是表单的下拉选择框 )
属性名称 | 属性值 | 属性作用 |
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--------属性:当页面打开时,该控件自动获得光标焦点
属性名称 | 属性值 | 属性作用 |
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 | 用罗马数字表示条目 |