html、css、javascript语法手册(PDF版)

html、css、javascript语法手册(PDF版)

没有　百度文库财富值　请到

文库帮手网　ｗｗｗ．３６５ｘｕｅｙｕａｎ．ｃｏｍ　　

免费帮下载　百度文库积分　资料

　　本文由有一种爱叫放荡贡献

　　ｐｄｆ１。

　　Ｄｒｅａｍｗｅａｖｅｒ　ＣＳ３　／　Ｆｌ

　　ａｓｈ　ＣＳ３　／　Ｆｉｒｅｗｏｒｋ　ＣＳ３　网页设计三剑客

　　ＨＴＭＬ，ＣＳＳ，ＪａｖａＳｃｒｉｐｔ　语法手册

　　ＨＴＭＬ语法参考手册

　　ＨＴＭＬ　语言（Ｈｙｐｅｒｔｅｘｔ　Ｍａｒｋｕｐ　Ｌａｎｇｕａｇｅ，中文通常称作超文本置标语言，或超文

本标签语言）　是一　种文本类，解释执行的标签语言，它是　Ｉｎｔｅｒｎｅｔ　上用于编写网页的

主要语言．用　ＨＴＭＬ　编写　的超文　本文件称为　ＨＴＭＬ　文件．

　　１　ＨＴＭＬ文件的基本结构

　　编　写　ＨＴＭＬ　文　件　的时　候，　必　须　遵　循　ＨＴＭＬ　的　语　法规　则．　一　个　完　整

　的　ＨＴＭＬ　文　件　由标　题，　段　落，列　表，表格，单词即嵌入的各种对象所组成．这些逻

辑上统一的对象称为元素，ＨＴＭＬ　使　用标签　来分割并描述这些元素．实际上整个　ＨＴＭＬ

　文件就是由元素与标签组成的．　下面显示的就是一个　ＨＴＭＬ　文件的基本结构：

　　……　……　　　ＨＴＭＬ　文件开始　ＨＴＭＬ　文件的头部开始　ＨＴＭＬ　文件的头部内容　ＨＴＭ

Ｌ　文件的头部结束　ＨＴＭＬ　文件的主体开始　ＨＴＭＬ　文件的主体内容　ＨＴＭＬ　文件的主体结

束　ＨＴＭＬ　文件结束

　　可以看到，ＨＴＭＬ　代码分为三部分，其中：　……：　告　诉　浏　览　器　ＨＴＭＬ　文　件　的

　开　始　和　结　束，　其　中　包　含　：　ＨＴＭＬ　文　件　的　头　部　标　签，　其　中　可　以　放　置

　页　面　的　标　题　以　及　文　件　信　息　等内容．通常将这两个标签之间的内容统称　作

　ＨＴＭＬ　的　头　部．一般来　说，位于头部的内容　都　不会在网页上直接显示，而是通过另

外的方式起作用，例如，标题是在　ＨＴＭＬ　的头部定义的，　它不会显示在网页上，但是会出

现在网页的标题栏中．　……：　ＨＴＭＬ　文　件　的　主　体　标　签，　绝　大　多　数　ＨＴＭＬ　内　容

　都　放　置　在　这　个　区　域　里面．它通常在　　标签之后，在　　标签之前．

　　１

　　２　ＨＴＭＬ头部标签

　　ＨＴＭＬ　头　部　标　签　是　　标签　之间的内容统称为　ＨＴＭＬ　的＂头部＂．一般来说，位于

头部的内容都不会在网页上直接显示，　而是　通过其他的方式起作用，例如，标题是在　

ＨＴＭＬ　的头部定义的，它不会显示在网页上，但　是会　出现在网页的标题栏中．　常用的头

部标签内容如下表所示：

　　表　１　头部标签　标　　　　　　

　　签　当前文档的　ＵＲＬ　全称（基底网址）　设定显示在浏览器左上方的标题内容　表明

该文档是一个可用于检索的网关脚本　有关文档本身的元信息，例如用于查询的关键词

，用于获取该文档的有效期等　设定　ＣＳＳ　层叠样式表的内容，详见后面章节　设定外部文

件的链接，详见后面章节　设定页面中程序脚本的内容，详见后面章节　描　述

　　之间的内容不会在浏览器的文档窗口显示，但是，其间的元素有特殊　重要的意义

．下面就来分别介绍这些标签的作用．

　　２．１　标题标签

　　ＨＴＭＬ　文件的标题显示在浏览器的标题栏中，用以说明文件的用途．每个　ＨＴＭＬ文档

都应该　有标题，在　ＨＴＭＬ文档中　，标题文字位于　＜ＴＩＬＴＥ＞　和　　标签之间．和　标　签位于

　ＨＴＭＬ　文档的头部，即位于　　标签之间．　网页标题的作用主要包括三方面：　ｚ　它可以在

使用网页编辑软件　Ｄｒｅａｍｗｅａｖｅｒ　构建网站结构图时显示在该网页文件的旁边，　提　示

网页的内容．　ｚ　可以在浏览者保存该网页后成为保存后网页的文件名．这是　ＩＥ　浏览器

默认的设置．　ｚ　可以在浏览者将该网页添加进收藏夹时成为收藏夹中该网页的名称．

　　２．２　基底网址标签

　　标签可以设置　ＵＲＬ　地址，一般常用来设置浏览器中文件的绝对路径，然后在文件

ｐａｇｅ　１

html、css、javascript语法手册(PDF版)

　中只需写下文件的相对位置，在浏览器中浏览的时候这些位置会自动的附在绝对路径

后面，成　为完整的路径．在文档中所有的相对地址形式　的　ＵＲＬ　都是相对于这里定义　

的　ＵＲＬ　而言的．一　篇文档中的　　标签不能多于一个，必须放于头部，并且应该在任何包

含　ＵＲＬ　地址的语句　之前，如下所示：

　　１０

　　Ｄｒｅａｍｗｅａｖｅｒ　ＣＳ３　／　Ｆｌａｓｈ　ＣＳ３　／　Ｆｉｒｅｗｏｒｋ　ＣＳ３　网页设计三剑客

　　其中　Ｈｒｅｆ　属性指定了文档的基础　ＵＲＬ　地址．该属性在　　标签中是必须存在的．

Ｔａｒｇｅｔ　定义的是打开页面的窗口，同框架一起使用．它定义了当文档中的链接被单击后

，在哪一个框架　集中展开页面．如果文档中的超级链接没有明确指定展开页面的目标框

架集，则就使用这里定　义的地址代替．

　　２．３　元信息标签

　　标签的功能是定义页面中的信　息，这些文件信息并不会出现在浏览器页面的显示

　之中，只会显示在源代码中．　　标　签通　过属　性来　定义　文件　信息　的名　内　容等　．

　标签是实现元数据的主要　标签，它能够　称，　提供文档的关键　字，作者，描述等多种信

　息，在　ＨＴＭＬ　的头部可以包括任意数量　的　　标　签．如表　２　所示．

　　表　２　　标签属性　标　签　描　述

　　ＨＴＴＰ－ＥＱＵＩＶ

　　生成一个　ＨＴＴＰ　标题域，它的取值与另一个属性相同，如　ＨＴＴＰ－ＥＱＵＩＶ＝Ｅｘｐｉｒｅｓ，实

际取值由　ＣＯＮＴＥＮＴ　确定　如果元数据是以关键字　／　取值的形式出现的，ＮＡＭＥ　表示关键字，如　Ａｕｔｈｏｒ　或　ＩＤ．　关键字　／　取值的内容

　　ＮＡＭＥ　ＣＯＮＴＥＮＴ

　　通过这些属性，可以建立多种多样的效果，实现多种多样的功能．　１．　定义编辑工

具　前面介绍过，使用　Ｆｒｏｎｔｐａｇｅ，Ｄｒｅａｍｗｅａｖｅｒ　等多种编辑工具可以制作网页，在源代

码中可　以设　定网页编辑器的名称．这个名称不会出现在浏览器的显示中．

　　Ｇｅｎｅｒａｔｏｒ　为编辑器定义，ｃｏｎｔｅｎｔ　中定义编辑器的名称．

　　２．　设定关键字

　　关键字是为搜索引擎而提供的，如一个音乐网站，为了提高在搜索引擎中被搜索到

的机率，　可以设定多个和音乐主题相关的关键字以便搜　索．这些关键字不会出现在浏

览器的显示　中．需　要注意的是，大多数搜索引擎进行检索时都会限制关键字的数　量，

有时关键字过多该网页会在　检索中被忽略．所以关键字的输入不宜过多，应切中主题．

另外，关键字之间要用逗号分隔．

　　其中，ｋｅｙｗｏｒｄｓ　为关键字定义，ｃｏｎｔｅｎｔ　中定义关键字的内容．

　　３．　设定描述

　　对于一个网站的页面，可以在源代码中添加说明语句，用以将网站的主题描述清晰

，这就是　描述语句的作用．这个描述语句内容不会在浏览器中显示．说明文字可供搜索

引擎寻找网页，还　可存储在搜索引擎的服务器中在浏览者搜索时随时调用，还可以在检

索到网页时作为检索结果　返给浏览者．搜索引擎同样限制说明文字的字数，所以内容应

尽量简明扼要．

　　３

　　其中，ｄｉｓｃｒｉｐｔｉｏｎ　为描述定义，ｃｏｎｔｅｎｔ　中定义描述的内容．

　　４．　设定作者

　　在页面的源代码中，可以显示页面制作者的姓名及个人信息．这可以在源代码中保

留作者希　望保留的信息．

　　ａｕｔｈｏｒ　为作者定义，ｃｏｎｔｅｎｔ　中定义作者的个人信息．

　　５．　设定字符集

　　ＨＴＭＬ　页面的内容可以用不同的字符集来显　示，如中国常用的　ＧＢ　码（简体中文）

，中国台　湾地区常用的　ＢＩＧ５　码（繁体中文），欧洲地区常用的　ＩＳＯ８８５９－１（英文）等．对

于不同的字符　集页面，如果用户的浏览器不支持该字符的显示，则浏览器中显示的都是

乱码．这时就需要由　ＨＴＭＬ　语言来定义页面的字符集，用以告知浏览器以相应的内码显

示页面内容．

　　其中，ｈｔｔｐ－ｅｑｕｉｖ　传送　ＨＴＴＰ　通信协议的标头，　ｃｏｎｔｅｎｔ　中定义页面的内码，其

中　ｃｈａｒｓｅｔ　中写　下内　码的语系．　６．　设定自动刷新　使　用　ＨＴＴＰ－ＥＱＵＩＶ　属　性　中　的

ｐａｇｅ　２

html、css、javascript语法手册(PDF版)

　ＲＥＦＲＥＳＨ　能　够　设　置　页　面　的　自　动刷　新，　就　是　每　隔　几　秒　的　时　间　刷　新

一　次页面的内容．比如常用的互联网现场图文直播，论坛消息的自动更新等．

　　其中，ｈｔｔｐ－ｅｑｕｉｖ　传送　ＨＴＴＰ　通信协议的标头，ｒｅｆｒｅｓｈ　代表刷新，　ｃｏｎｔｅｎｔ　中

写下刷新间隔　的秒　数．

　　７．　设定自动跳转　使用ＨＴＴＰ－ＥＱＵＩＶ属性中的ＲＥＦＲＥＳＨ不仅能够完成页面自身的自

动刷新　，也可以实现页面之间　的跳转过程．如网站地址有所变化时，希望在当前的页面

中等待几秒钟之后就自动跳转到新的　网站地址，这就可以通过设置跳转时间和地址来

实现．自动跳转特性目前已经被越来越多的网　网　页所使用．例如，可以首先在一个页面

上显示欢迎信息，经过一段时间，自动跳转到指定的　网　页．

　　其中，ｈｔｔｐ－ｅｑｕｉｖ　传送　ＨＴＴＰ　通信协议的标头，ｒｅｆｒｅｓｈ　代表刷新，　ｃｏｎｔｅｎｔ　中

写下跳转间隔的　秒数　以及跳转后打开的文件地址．　８．　设定转场效果　转场效果即网

页过渡，是指当进入或离开网站时，页面具有不同的切换效果．添加此功能可　以使网页

看起来更具有动感．

　　ＥＶＥＮＴ　设置页面进入或页面退出的时候产生的切换效果．如下表所示：

　　１０

　　Ｄｒｅａｍｗｅａｖｅｒ　ＣＳ３　／　Ｆｌａｓｈ　ＣＳ３　／　Ｆｉｒｅｗｏｒｋ　ＣＳ３　网页设计三剑客

　　表　３　切换效果的事件　事　Ｐａｇｅ－Ｅｎｔｅｒ　Ｐａｇｅ－Ｅｘｉｔ　件　表示进入网页时有网页过

渡效果　表示退出网页时有网页过渡效果　描　述

　　Ｄｕｒａｔｉｏｎ　中写下网页过渡效果的延续时间，单位为秒．Ｔｒａｎｓｉｔｉｏｎ　中写下过渡效

果的方式编号．　过　渡效果的编号及含义如下表所示：

　　表　４　过渡效果的编号及含义　效　盒状收缩　盒状展开　圆形收缩　圆形展开　向上

擦除　向下擦除　向左擦除　向右擦除　垂直百页窗　水平百页窗　横向棋盘式　纵向棋盘式

　溶解　左右向中部收缩　中部向左右展开　上下向中部收缩　中部向上下展开　阶梯状向

左下展开　阶梯状向左上展开　阶梯状向右下展开　阶梯状向右上展开　随机水平线　随机

垂直线　随机　果　０　１　２　３　４　５　６　７　８　９　１０　１１　１２　１３　１４　１５　１６　１７　１８　１９　２０　２１　２２　

２３　效果编号

　　３　ＨＴＭＬ主体标签

　　ＨＴＭＬ　的主体标签是　，　在　　和　　中放置的是页面中的所有内容，如文字，　如　文字

，图片，链接，表格，表单等．　　元素有很多自身的属性，如定义页面文字的颜色，背景的颜色，背景图像等，如　下表所示：

　　表　５　　元素的属性　属　ＴＥＸＴ　ＢＧＣＯＬＯＲ　性　设定页面文字的颜色　设定页面背景的

颜色　描　述

　　５

　　续上表

　　属　ＢＡＣＫＧＲＯＵＮＤ　ＢＧＰＲＯＰＥＲＴＩＥＳ　ＬＩＮＫ　ＡＬＩＮＫ　ＶＬＩＮＫ　ＴＯＰＭＡＲＧＩＮ　ＬＥＦＴＭＡＲＧＩＮ　性　设

定页面的背景图像　设定页面的背景图像为固定，不随页面的滚动而滚动　设定页面默认

的链接颜色　设定鼠标正在单击时候的链接颜色　设定访问过后的链接颜色　设定页面的

上边距　设定页面的左边距　描　述

　　３．１　文字颜色属性ＴＥＸＴ

　　元素的　ＴＥＸＴ　属性可以改变整个页面默认文字的颜色．在没有对文字进行单独定

义　颜色的时候，这个属性将对页面中所有的文字产生作用．

　　通过　ｔｅｘｔ　属性定义了文字的颜色，ｃｏｌｏｒ＿ｖａｌｕｅ　指的就是颜色的值．

　　３．２　背景颜色属性ＢＧＣＯＬＯＲ

　　元素的　ＢＧＣＯＬＯＲ　属　性　用　来　设　置　整　个　页　面　的　背　景　颜色．　和　文　本　

颜　色相似，　也　是　使　用颜色名称或者　十六进制值来表现颜色效果．

　　通过　ＢＧＣＯＬＯＲ　属性定义了页面的颜色，ｃｏｌｏｒ＿ｖａｌｕｅ　指的就是颜色的值．

　　３．３　背景图像属性ＢＡＣＫＧＲＯＵＮＤ

　　页面中可以使用　ＪＰＧ　或　ＧＩＦ　图片来表现，这些图片可以作为页面的背景图像　，

这可通过　　语　句　中　的　ＢＡＣＫＧＲＯＵＮＤ　属　性　来实现．　它　和　向　网　页　中　插　入　图　

片　不同，　背　景　图　像　将　会　放　在网页的最底　层，文字和其他图片等都位于它的上面．在默认的情况下，背景图片在水平方向　和垂直方向上　会不断重复出现，直到铺满整

个网页．

ｐａｇｅ　３

html、css、javascript语法手册(PDF版)

　　通过　ＢＡＣＫＧＲＯＵＮＤ　属性定义了页面的背景图像，ｉｍｇ＿ｆｉｌｅ＿ＵＲＬ　指的是图像文件所

在的路径，　即指向图像文件所在位置的地址，也可以说是图像文件所在位置的统一资源

定位符，这里不仅可　以输入本地图像文件的路径和文件名　称，也可以用　ＵＲＬ　的形式输

入其他位置的图像名　称．如　ｈｔｔｐ：／／ｗｗｗ．ｍｙａｄｄｒｅｓｓ．ｃｏｍ／ｍｙｐｉｃｔｕｒｅｂｇ．ｊｐｇ．

　　１０

　　Ｄｒｅａｍｗｅａｖｅｒ　ＣＳ３　／　Ｆｌａｓｈ　ＣＳ３　／　Ｆｉｒｅｗｏｒｋ　ＣＳ３　网页设计三剑客

　　３．４　背景图像固定属性ＢＧＰＲＯＰＥＲＴＩＥＳ

　　在默认的情况下，如果页面的内容较长，当拖动浏览器滚动条的时候，背景会随着

文字内容　的滚动而滚动．所谓背景图像固定，是指不论如何拖动浏览器的滚动条，背景

都永远固定在相　同的位置，并不会随着文字滚动而滚动．

　　通过　ＢＡＣＫＧＲＯＵＮＤ　属性定义了页面的背景图像，ｉｍｇ＿ｆｉｌｅ＿ＵＲＬ　指的是图像文件所

在的路径，

　　ｂｇｐｒｏｐｅｒｔｉｅｓ　定义背景属性，ｆｉｘｅｄ　就是设为固定的效果．

　　３．５　链接文字颜色属性ＬＩＮＫ，ＡＬＩＮＫ，ＶＬＩＮＫ

　　链接是网页中最基本的元素之一，在后面的章节中会详细介绍，这里只介绍修改页

面链接文　字颜色的方法．　在浏览器默认的情况下，链接文字的颜色为蓝色，访问过后的

链接文字颜色为紫红色．这有　助于用户判断是否单击过该链接．　在　ＨＴＭＬ　语言中，可以

修改的链接状态共有三种，如下表所示：

　　表　６　链接的不同状态　链接属性　ＬＩＮＫ　ＡＬＩＮＫ　ＶＬＩＮＫ　设定默认的没有单击过的链

接文字颜色　设定鼠标按下链接文字时候的链接文字颜色　设定单击过后的链接文字颜

色　描　述

　　通过　ＬＩＮＫ，ａＬＩＮＫ，ｖＬＩＮＫ　分别定义上表中规定的链接文字状态，ｃｏｌｏｒ＿ｖａｌｕｅ　定

义颜色的名称　或

　　十六进制值．

　　３．６　上边距属性ＴＯＰＭＡＲＧＩＮ

　　在　ＨＴＭＬ　页面中，可以定义页面的上边距，即内容和浏览器上部边框之间的距离．

设置合　适的上边距可以防止网页外观过于拥挤．

　　ｖａｌｕｅ　的值一般以像素为单位．

　　３．７　左边距属性ＬＥＦＴＭＡＲＧＩＮ

　　在　ＨＴＭＬ　页面中，可以定义页面的左边距，即内容和浏览器左侧边框之间的距离．

设置合　适的左边距可以防止网页外观过于拥挤．

　　７

　　ｖａｌｕｅ　的值一般以像素为单位．

　　４　文字与段落标签　４．１　输入空格符号

　　ＨＴＭＬ　页面中空格符号是通过代码控制的，下面介绍空格的符号代码．

　　＆ｎｂｓｐ；

　　一个半角空格使用一个　＆ｎｂｓｐ；表示多个空格只需使用多次即可．

　　４．２　输入特殊符号

　　和空格的表示方法有些相似，一些特殊符号是凭借特殊的符号码来表现的．通常由

前缀＂＆＂，　加上字符对应的名称，再加上后缀＂；＂组成的．　基本语法如下表所示：

　　表　７　特殊符号　特殊符号　＂　＆　＜　＞　±　×　§　＂　；　＜　＞　＆ｃｏｐｙ；　

ｐａｇｅ　４

本文来源：https://www.bwwdw.com/article/0fyj.html