表格

语法格式：

border边框宽度默认值为0，既没有边框

cellspacing表格中单元格的边距大小，默认值为两个像素

cellpadding表格中单元格之间的间距大小，默认值为两个像素

tr元素

语法格式：

align属性对齐方式可选值如下：left,center,tight,默认为left

bgcolor指定该行的背景颜色

td元素

语法格式：

align属性的可选值有：left,center,right

valign属性的可选值有：top,middle,bottom

rowspan和colapan跨行和跨列的数量，默认为1

框架

框架组标记

框架标记

语法格式：

元素（双标签）

语法格式：

.......

属性：

cols 垂直切割窗口（如左右分割两个窗口）接受整数值，百分数，*（*代表占用余下空间）数值的个数代表分成的部分数目，要以逗号分隔。例：cols="30,*,50%"可以 切成三个视窗，第一部分是30像素（pixels）为绝对分割，第二部分是当分配完第一和第三视图后剩下的空间，第三部分则占整个窗口的50%宽度，为相对分割。

rows 就是横向切割，将窗口上下分开，数值设置同上。

以上两属性尽量不要在同一个标记中，因为王井（netscape）不支持，尽量采用多重分割。

frameborder 设置框架的边框，其值有0不要边框，1要边框。

border 设置框架边框厚度

framespacing 表示框架与框架间保留空白的距离

frame 元素（单标签）

语法格式：

属性：

name 框架名称，指定框架来做连接的目标窗口。

src 框架中要显示的网页文当url地址，每个个框架要对应一个html文挡。

scrolling 是否显示滚动条，yes/no,auto是自动。

noresize 设置不让使用者改变这个框架的大小，

noframe元素

指定当使用了框架的页面在不支持框架的浏览器中打开时显示的信息

语法格式：

......

表单

语法格式：

....

method有两种提交方式get,post

action 是指明处理该表单的程序位置，这样表单所填的资料才能传给cgi做处里，可设定此参数为action="mailto:lwr8494@163.com" 这样此表单所填的资料将会发送到这个邮箱地址。

method 是指传送信息给cgi等网络程序的方式。可选post方法， get方法，post方法容许传送大量信息。get方法只接受低于1k的信息。

申请表单用的是post搜索引擎用的是get

input元素

语法格式：

type属性的可选值有：

text 单行文本框

属性：name 文本框名称

value 文本框的初始值

size 文本框的长度

maxlength 可输入字符串最大的长度

radio 单选框

属性：name 单选框名称

value 内部值

checked 默认选定

checkbox 复选框

属性：name 复选框名称

value 内部值

checked 默认选定

reset 重置按钮

submit 确定按钮

属性：name 按钮名称

value 显示在按钮上的文字

password 密码框

属性与文本框的属性完全相同

file 文件域

属性：name文件域名称

size 文件域的长度

maxlength 文件域可接受的字符数量的上限

hidden 隐藏域

属性：name 隐藏域名称

value 内定值

image 域

属性：name 所要代表的按钮，可以是submit,reset,或其他.

src 按钮的url 地址

列表框

语法格式：

.....

....

.....

select元素

语法格式：

name 指定列表框的名字

size 指定列表框显示列表项的条数，如果指定了该参数，select元素是个列表，否则是一个下拉列表框

multiple 指定了这个参数，则表示该列表框可选择多项，否则只可选择一项

option属性

语法格式：

value 该列表项的值

selected 如果设定了这个参数，默认为选定这一项

多行文本框

属性：

name文本框的名称

cols文本框的宽度

rows文本框的高度

wrap文本框的折行方式可选值有：

off不保存换行信息

physical强迫浏览器在发送信息到web服务器端时必须将多行文本框的文字一行一行的送出，

virtual送出连续成串的字除非使用者按回车。

css 层叠样式表

引入层叠样式表的方法包括：

1，外联式样式表

2，内嵌样式表

3，元素内定

4，导入样式表

外联式样式表

例：

....

属性：rel 用来说明元素在这里要完成的任务是连接一个独立的css文件。而href属性给出了所要连接css文件的url地址

内嵌式样式表：

例：

....

元素内定

格式：

导入式样式表

〈html>

....

css的优先级

越接近目标的样式定义优先级越高，高优先级样式将继承低优先级样式的未重叠定义但覆盖重叠的定义

如果4种样式表对同一元素定义了不同的样式，那么他们的优先级顺序从高到低是，元素内定，内嵌样式表，导入样式表，外联样式表。

css结构

例：td{font-size:10.5pt;color:#666666}

css样式包含两个基础部分，

选择符

声明也有两部分组成：

属性font-size,color和值10.5pt,#666666

选择符分为6种

1元素选择符

当页面上多个元素的样式相同时，可以将多个元素放在一起定义，中间以逗号分开 例：td,p,li,input,select{font-size:12px;}

2class(类)选择符

例：〈head>

.....

士大夫井冈山地方官

九连环离开计划

还有一种方法就是限定可以应用它的页面元素

例：〈head>

.....

士大夫井冈山地方官

九连环离开计划

3 id选择符

与class选择附类似，只是把'.'换成'#'

例：

我们看到在调用ID选择附时与CLASS选择附类似，只是将class=""换成了id=""，方便页面脚本语言的调用

4 关联选择符

关联选择符

我们设定了在元素中

所包含文字的样式，只有在两个条件都满足是，样式在会起作用，

5伪类选择符

是只能用在css选择符里，而不能用在html代码中的选择符

例：

〈html>

关联选择符

关联选择符

关联选择符

关联选择符

〈/body>

正确的顺序是a:link\a:visited\a:hover否则会引起页面上连接颜色混乱

6伪元素选择符

与伪类选择符定义类似，目前被大多数浏览器支持的有两个：首行伪元素（first-line）和首字符伪元素(first-letter)是用来实现首行大写和首行下沉效果的

例：首行

dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf...

长度随浏览器窗口大小而改变

首字

dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf...

以上两种都只能应用于块状元素上

css规则

一继承

例：

为最高级

二组合

例:td{font-size:12pt}

p1{font-size:12pt}

组合后

td,.p1{font-size:12pt}

三层叠

在样式里定义过后，在表格属性中又定义一次

css单位

分四大类：

1 长度单位

数值可以是整数，小数，正数，负数，0，后加单位（负值不要轻易使用）

换算关系：

1in(英寸)=6pc(派)

1in(英寸)=72pt(磅)

1in(英寸)=2.54(厘米)

1cm(厘米)=10mm(毫米)

1cm(厘米)=0.3937(英寸)

1pt(磅)=1/72in(英寸)=0.2478mm(毫米)

1pc(派)=1/6in(英寸)=我国新四号铅字的尺寸

2 百分比单位

3 颜色单位

4 url单位

他们的区别

1、类

：定义的时候前面必须加点（.）,格式是.xxx，可以在一个页面中调用多次。类一般就设文字颜色什么的。

2、标签：标签就是body、table、h3……之类的网页里面的标签，可以直接选择定义样式，网页里面的就会随之变化的。标签就是背景什么的。

3、高级：

高级定义的方式可以在前面加（.）或者（#），加点就是和类差不多，在前面加#的话就是id调用，比如定义#top，那么在调用的时候就是。记住#top只能调用一次。这点跟类不一样。就是一些链接什么的

alink

是a:active设置的是正在访问超链接的颜色!

vlink

是a:visited设置的是已经访问的超链接的颜色！

a：link是未访问的链接的颜色