收藏 分享(赏)

网页设计代码大全.doc

上传人:weiwoduzun 文档编号:2809628 上传时间:2018-09-27 格式:DOC 页数:22 大小:48.25KB
下载 相关 举报
网页设计代码大全.doc_第1页
第1页 / 共22页
网页设计代码大全.doc_第2页
第2页 / 共22页
网页设计代码大全.doc_第3页
第3页 / 共22页
网页设计代码大全.doc_第4页
第4页 / 共22页
网页设计代码大全.doc_第5页
第5页 / 共22页
点击查看更多>>
资源描述

1、1基本格式添加注释开始标记符,可以省略首部标记标题标记符(唯一)关于脚本的定义包含属性有type=contenttype 编程语言的内容类型language=cdata 编程语言名src=url 外部程序位置charset=charset 外部程序的字符编码defer 设置此布尔属性时,表示告知浏览器脚本并不产生任何文档内容(如,在 javascript 中没有“document.write“ 语句),从而使浏览器可以继续解释html 文件的内容并进行显示浏览器不支持客户端程序时显示里面的内容基本字体的大小、颜色和 “字体“( 过时)包含属性有sIze=n 更改网页默认的字号属性,默认为 3,

2、n=17color=color 指定默认字体颜色 face 指定默认字体 id=id 唯一的 id2定义文档的默认 url 基准和默认目标框架(唯一)指定默认 url 基准 target=“main“ 指定默认的目标框架,单击连接时在默认框架显示标记符,包含了网页的元数据信息,如文档关键字、作者信息等包含属性有name=name 名字http-equIv=name http 相应标题名content=cdata 相关数据定义了文档的关联关系包含属性有rel=linktypes 到链接的关系rev=linktypes 来自链接的关系href=url 链接资源的 urltype=contentty

3、pe 链接的内容类型target=frametarget 显示链接的目标框架medIa=mediadesc 链接的媒体hreflang=languagecode 链接资源的语言charset=charset 链接资源的字符编码正文标记符 (开始标记符和结束标记符都可以省略)包含属性有bgcolor=“#rrggbb“ 背景颜色background=“Image/image.gif“ 背景图案teXt 设置正文的颜色lInk 设置未被访问的连接的颜色3vlInk 设置已被访问过的连接的颜色alInk 设置活动连接(即当前选定的连接)的颜色onload=script 文档加载时执行脚本的事件onu

4、nload=script 文档退出时执行脚本的事件物理字符样式:粗体大字体斜体删除线小字体删除线下标上标固定宽度字体下划线标记符控制字符样式sIze=n 字号属性,用于控制文字大小,其值越大,显示的字体越大,n 值=17,默认为 3(使用可更改默认的字号属性) ,可用加减号来指定相对字号color=“#rrggbb“ 颜色属性:用于控制文字颜色, 可使用颜色名称或十六进制指定颜色, 其中 rr,gg,bb 分别表示红,绿,蓝成分的两位十六进制值, ff表示包含满亮度的该种颜色;b0 表示包含 75%;80 表示 50%;40 表示25%;00 表示不含该颜色face=“宋体,黑体,楷体“ 字体

5、样式:即“字体“,浏览器优先使用第一种字体,若系统中没有则使用第二种,依次类推,如果找不到匹配字体,浏览器将使用默认字体4逻辑字符样式标题样式:n=16,表示最大的标题,表示最小的标题, 通常只使用前三级标题。使用标题样式时,必须使用结束标记符,可使用 align 属性设置对齐方式用于指定网页创建者或维护者信息,通常是斜体用于表示文本属于引用, 通常是斜体用于表示程序代码, 通常是固定宽度字体用于表示定义了的术语,通常是黑体或斜体用于强调某些字词, 大多数浏览器将 看作用于表示用户的键盘输入, 通常是固定宽度字体用于表示文本样本,通常是固定宽度字体用于特别强调某些字词,大多数浏览器将它看作用于

6、表示变量或程序参数,通常是斜体用来标记缩写,通常与 title 属性一起使用用来标记首字母缩略词,与 abbr 类似用于表示短的行内引用,更长的要用 blockquotecIte=url(引用源) 包含的内容是引自 cite 属性所指定的源定义块引用,可包含块级元素( 如 p 和 table)cIte=url(引用源) 包含的内容是引自 cite 属性所指定的源用来标记文档中已删除的内容,可用 title 给出删除原因cIte=url 包含删除原因信息的 urldatetIme=datetime 删除时间用于包含被删除的内容cIte=url 说明插入原因信息所在的 urldatetIme=da

7、tetime 插入时间用于包含预先格式化的文本,包含的内容以所设格式显示width=X 宽度,用数字用于设置多语言文本的显示方向,不常用dlr= ltr | rtl 文本的方向lang=languagecode 文本的语言5段落格式分段标记符,将文档划分为段落,结束标记符通常可省略换行标记符,强制断行,多个 可产生多个空行效果,不能添加水平线,分割文档不同部分包含属性有size=5 表示水平线粗细程度,缺省值为 2,单位像素width=“60%“ 表示水平线长度,单位像素或百分比,百分比前后要使用引号 noshade 无阴影 3d 效果,仅实线color=“#000000“ 水平线颜色为文档分

8、节,以便为文档的不同部分应用不同段alIgn=left/center/right/justify 水平对齐方式span 标记符与 dIv 标记符类似,但通常用于包含行内元素对齐格式,常见取值包括 :rIght( 右对齐) ,left(左对齐 ),center(居中对齐),JustIfy(两端对齐)可应用与多种标记符,dIv,p,hn,hr 等标记符,居中,建议不用列表格式有序列表标记符包含属性有type=a 用于设置数字序列样式: 1,a,a,I(罗马数字),i ,默认为 1start=1 用于设置数字序列起始值,任意整数compact(紧凑显示)列表项标记符(结束标记可省略,但使用样式表时应

9、使用结束标记)type=i 用于设置数字样式6value=1 用于指定一个新的数字序列起始值,以获得非连续性的数字序无序列表标记符,也称强调式列表type=“disc“ 样式,值:disc,实心圆,非嵌套列表默认值;circle,空心圆,嵌套列表默认值;square,实心或空心方块,取决于浏览器compact(紧凑显示)定义列表标记符,用于定义术语,表的各项前没有数字或符号的缩排列表compact(紧凑显示)定义术语标记符(结束标记可省略 ,但使用样式表时应使用结束标记)定义描述标记符 (结束标记可省略 ,但使用样式表时应使用结束标记)定义目录列表(已被 ul 取代)定义菜单列表(过时)插入图

10、像插入图像,动画src=“winlogo.gif“ 图像文件名 路径( 一般为相对路径)alt=“this is the windows logo“ 图像简单文本说明用于图像不能显示时显示wIdth=x 图像宽heIght=y 图像高,xy 可取像素或百分数border=“3“ 图像边框粗细,单位像素hspace=“x“ 图像和文本之间空白,水平方向空白vspace=“y“ 垂直方向空白,单位像素alIgn=“top“ 图像和文本在垂直方向对齐方式,值:top,表示文本与图像顶部对齐;mIddle,中央对齐;7bottom,底部对齐,默认;left 表示图像居左,文本右环绕图像rIght,表示

11、图像居右,文本左环绕图像longdesc=url 包含长篇描述的文档位置usemap=url 客户端图像映射的映射说明,对应于 map 元素指定的内容Ismap 指示使用服务器端图像映射解除在图像左 右 全部放置的文本图像在页面对齐(p,dIv 等)创建超链接链接到的网页路径网页名 (一般为相对路径) ,指向本地网页的超链接一般使用相对路径,指向其他网页使用绝对路径target=“main“ 控制链接的目标文件在哪一个框架显示,值:可以是已定义的框架名(如 main),也可以是以下特殊框架:_top,将链接的目标文件装入整个浏览器窗口;_self,装入当前框架中,以取代该框架正在显示的文件;_

12、blank,装入一个新的匿名浏览器窗口;_parent,当框架有嵌套时,将链接的目标文件装入父框架中,否则与 top相同name=cdata 已命名的连接目标rel=linktypes 到连接的关系rev=linktypes 来自连接的关系type=contenttype 连接的内容类型hreflang=languagecode 连接目标文件的语言charset=charset 连接的字符编码accesskey=charater 快捷键8tabIndeX=number tab 键遍历次序中的位置shape=rect|circle|poly|default 客户端图像映射中映射区域的形状coor

13、ds=coords 客户端图像映射中映射区域的坐标onfocus=script 元素获得焦点时启动脚本的事件onblur=script 元素失去焦点时启动脚本的事件创建,命名锚点连接到锚点 指向页面中特定锚点标记部分,名称前加#号其他页锚点 连接到其他页面中的锚点指向电子邮件的连接图像映射(热点)客户端图像映射,名称每个映射区域属性,可定义多个shape=“default“ 区域形状,值:rect(矩形默认);cIrcle(圆形) ;polygon(多边形) coords=“328,285,54“ 区域边界,值:左上角 x,y 坐标,右上 x,y ;圆心 x,y,半径;各顶点坐标href=“f

14、ile.html“ 区域连接到target=frametarget 显示链接的目标框架nohref 不包含链接alt=text 替换文本tabIndeX=number tab 键历次序中的位置onfocus=script 元素获得焦点时启动脚本的事件onblur=script 元素失去焦点时启动脚本的事件引用图像映射,名称前加#号,服务器端图像映射(几乎不使用),要求一个单独的.map 文件,保存所有图像坐标的超连接信息,使用 Ismap 属性连接到 .map 文件9例如:插入表格定义表格frame=“hsides“ 是否显示和如何显示边框,值:void( 无边框,默认) ;above(仅有顶

15、框) ; below(仅有底框); hsides(仅有顶框和底框);vsides(仅有左、右侧框); lhs(仅有左侧框) ;rhs(仅有右侧框); box(全部四个边框 );border(包含全部四个边框);rules=“rows“ 是否显示和如何显示单元格,值:none(表示无分割线,默认);groups(仅在行组和列组间有分割线); rows(仅有行分割线); cols(仅有列分割线);all( 包括所有分割线 )border=“2“ 边框宽度,值 像素使用单独一个“border” ,相当于 frame=“border“,rules=“all“width=length 表宽cellspa

16、cing=10 调节单元格间距, 值 像素 cellpadding=10 调节单元格填充距 bordercolor=“#ffff00“设置边框颜色,也可在内设置bgcolor=“#00ffff“ 设置背景颜色,也可在内设置background=“image.gif“ 设置背景图片,也可在内设置align=“center“ 表格的页面对齐,值:lift ;right ;centersummary=text 表格说明给表格加标题align=bottom 定义标题位置,值:top(标题放在表格上部,默认);bottom(下部) ; left(标题放在表格上部左侧);right( 部右侧)行定义标记,

17、结束标记可省略, 10align=“center“ 水平对齐,表格单元格内容水平对齐,可在 、和内使用,值:center、left(左,默认) 、right、justifi(两端对齐)、char(表示按特定字符对齐)char=character 单元格之间的字符对齐charoff=length 对齐字符的偏移量 valign=“top“ 垂直对齐,表格单元格内容垂直对齐,可在、 和内使用,值:top(顶部)、bottom(底部) 、middle( 垂直居中) 、baseline(表示同行单元格中的数据位置一致)bgcolor=color 背景颜色在第一行或列添加表头项,标题单元格rowspan

18、=number 单元格所占行数colspan=number 单元格所占列数headers=Idrefs 当前单元格的标题单元格列表abbr=text 标题单元格的缩略形式scope=row|col|rowgroup|colgroup 标题单元格所覆盖的单元格数axis=cdata 标题单元格类别align 单元格的水平对齐方式char=character 单元格之间的对齐字符charoff=length 对齐字符的偏移量valign 单元格的垂直对齐方式width 单元格宽height 单元格高nowrap 单元格内不换行bgcolor 单元格背景颜色列定义标记,结束标记可省略rowspan=

19、number 单元格所占行数11colspan=number 单元格所占列数headers=Idrefs 当前单元格的标题单元格列表abbr=text 标题单元格的缩略形式scope=row|col|rowgroup|colgroup 标题单元格所覆盖的单元格数axis=cdata 标题单元格类别align 单元格的水平对齐方式char=character 单元格之间的对齐字符charoff=length 对齐字符的偏移量valign 单元格的垂直对齐方式width 单元格宽height 单元格高nowrap 单元格内不换行bgcolor 单元格背景颜色行组表头信息表尾信息表格信息列组 列组标

20、记,实现表格构造化span=5 指定列组中的列数(col 也可以)width=50 列组中各列宽度设置列组以外列的属性,也可单独使用rowspan 行合并,在和 标记内使用 rowspan 属性可进行行合并,格式为:表项 其中 X 表示纵方向上合并的行数colspan 列合并,在和 标记内使用 colspan 属性可进行行合并,格式为:12表项 其中 y 表示为水平方向上合并的列数使用框架例如:1234567123456789 框架集标记符,不能包含 body 标记符rowscols 构造横向纵向分割框架,值:像素,百分数,n*(*表示窗口剩余部分, “*,*”表示窗口分成两个均等框架, “*

21、,2*,3*”表示从左到右或上到下三个框架占窗口宽度 1/6,1/3,1/2)onload=script 所有框架载入时启动脚本的事件onunload=script 所有框架卸载时启动脚本的事件框架标记符src=“./main.htm“ 初始化需要显示的页面的路径文件名name=“main“ 指定框架的名称frameborder=“ 是否显示框架边框,值:1(生产 3d 边框,默认);0(不显示边框)marginwidth=“40“ 框架内容和框架左、右边框的空白marginheigth=“40“ 框架内容和框架上、下边框的空白scrolling=“yes“ 是否在框架内加入滚动条,值:yes

22、(强制加垂直和水 平滚13动条);no(不加) ;auto(需要时加,默认)noresize 固定框架边框位置,禁止移动边框longdesc=url 框架的长篇描述包含了框架不显示时的替换内容,仅在不支持框架的浏览器上显示例如:您的浏览器不支持框架使用页内框架( 可插入到 body 中的框架)src 指定要在页内框架中显示的网页 name 页内框架名字width=“x“ 页内框架的宽,值取像素或百分数height=“y“ 页内框架的高,值取像素或百分数align=“top(上)/middle(中)/bottom(下)|left/right“ 页内框架对齐方式frameborder=“1/0“

23、是否采用边框scrolling=“yes/no/auto“ 是否加滚动条marginwidth=“x“ 水平方向上内容与边框间隔,值取像素marginheight=“y“ 垂直方向上内容与边框间隔,值取像素longdesc=url 到框架的长篇描述的连接例如:您的浏览器不支持框架或当前被配置为不显示框架,不过您可以访问相关文档。14(包含在 标记符之间的内容,只有不支持框架或设置为不显示框架的浏览器才显示)使用表单添加表单,form 标记内不能嵌套 form,且必须使用结束标记method=post 向服务器发送表单所使用的方法,值:get ,在 url 的末尾附加要向服务器发送的输入到表单中

24、的信息(默认) ;post,表单数据作为一个数据体发送给服务器actIon=“ 提供处理表单的脚本的地址 enctype=contenttype 表单数据的编码类型accect-charset=charsets 可支持的字符列表target=frametarget 显示表单内容的框架onsubmIt=script 表单发送时启动脚本的事件onreset=script 表单重置时启动脚本的事件此处是各种表单元素(控件及其他内容 )创建多种表单元素,可创建多种控件type=“text“ 指定要创建的控件类型,值:text,单行文本框,默认;password,口令框,密码框;checkbox,复选框

25、;radio,单选框;submit,提交按钮;reset,重置按钮;15file,文件选择框;hidden 隐藏image 图形化提交按钮;button 按钮name=“ “ 指定控件名称value=“ “ 指定控件初始值,除非控件类型是 radio 或 checkbox,否则此属性可省略size= “ “指定控件的初始宽度,值通常是像素,但当 type 属性为 text 或password 时,值为字符数maxlength=“ “ 当 type 属性的值是 text 或 password,此属性指定了用户可输入文本的最大个数,长度可超过 size 属性的指定,此属性的默认值是不限大小chec

26、ked=“ “当 type 属性的值为 radio 或 checkbox,此属性指定了该框是否被选中,对于其他类型的控件,浏览器会忽略此属性src=url 当 type 属性的值为 image 时,此属性指定了用于修饰图形化提交按钮的图片的位置alt=cdata 图像的替换文本usemap=url 客户端图像映射align=top|middle|bottom|left|right 表单元素的对齐方式disabled 使控件无效以防止输入readonly 设置控件为只读accept=contenttypes 文本上载的媒体类型accesskey=character 快捷键16tabindex=n

27、umber 在 tab 键遍历次序中的位置onfocus=script 当元素获得焦点时启动脚本的事件onblur=script 当元素失去焦点时启动脚本的事件onselect=script 当文本框中的部分文本被选中时启动脚本的事件onchange=script 当控件的值改动时启动脚本的事件用法:创建单行文本框创建密码框选项 创建复选框(复选框 name不同 value相同,单选框 name相同 value不同)选项 创建单选框(具有相同 name属性的单选框组成一个组,一个组中只能选中一个选项)创建文件选择框创建提交按钮创建重置按钮创建图形化提交按钮(无法显示图形的浏览器使用 name和

28、 value显示一个提交按钮)创建多行文本输入框,结束标记不可省略name=“ 指定控件名rows= 设定多行文本框的行数,超过可视区域用滚动条控制cols= 设定多行文本框的列数,超过可视区域用滚动条控制disabled 使控件无效readonly 设置控件为只读accesskey=character 快捷键tabindex=number 在 tab 键遍历次序中的位置onfocus=script 当元素获得焦点时启动脚本的事件onblur=script 当元素失去焦点时启动脚本的事件17onselect=script 当文本框中的部分文本被选中时启动脚本的事件onchange=script

29、 当控件的值改动时启动脚本的事件创建按钮,结束标记不可省略name=“ 指定控件名value=“ 指定控件初始值type=“ 指定创建按钮的类型,值:submit,创建一个提交按钮, (默认);reset,创建一个重置按钮;button,创建一个普通按钮disabled 使控件无效readonly 设置控件为只读accesskey=character 快捷键tabindex=number 在 tab 键遍历次序中的位置onfocus=script 当元素获得焦点时启动脚本的事件onblur=script 当元素失去焦点时启动脚本的事件创建选项菜单,下拉菜单,结束标记符不可省略name=“ 指定

30、控件名size=number 指定选项菜单中一次显示多少行multiple 如果设置了此布尔属性,则允许用户选择多个选项, 不设置此属性,则仅允许选择一个选项disabled 使控件无效accesskey=character 快捷键tabindex=number 在 tab 键遍历次序中的位置18onfocus=script 当元素获得焦点时启动脚本的事件onblur=script 当元素失去焦点时启动脚本的事件onchange=script 当控件的值改动时启动脚本的事件创建可选项,结束标记可省略selected 如果设置了此布尔选项,则当前选项为预选中项value=“ 指定控件初始值,如果

31、没有设置此属性,则控件的初始值为option 标记符中包含的内容label=text 为选项指定一个标签disabled 禁用选项将选项按逻辑分组,结束标记符不可省略其中至少包含一个 option 元素来定义实际的选项label=1 选项组标签disabled 禁用选项组为表单元素指定标签,单击标签即选中控件,结束标记不可省略for=“fname“ 指定一个控件的 idaccesskey=character 快捷键onfocus=script 当元素获得焦点时启动脚本的事件onblur=script 当元素失去焦点时启动脚本的事件例:请输入姓名:定义表单控件组,将相关联的控件分组19标记符中应

32、包含作为控件组成员的各种表单控件定义控件组标签,必须立即出现在 fieldset 标记符之后accesskey=character 快捷键 align=top|bottom|left|right 对齐方式定义单行文本输入框( 过时)prompt=“姓名“ 提示信息获得输入焦点tabindex 指定标记的 tab 顺序,可以使用 tabindex 属性设置 tab 顺序的标记有: a、button、 input、object、select 、 textarea例:webaccesskey 设置访问键,可以用 accesskey 属性设置访问键的标记有:a、area 、 button、input

33、、label、legend 和 textarea例:web使用对象嵌入多媒体对象(已过期)用于包含任何一种对象的标记符,可取代 img 和applet 标记符classid=url 此属性用于指定对象现实的位置。根据对象类型的不同,它要么与 data 属性一起使用,要么作为该属性的替代codebase=url 此属性用于解析由 classid、data 和 archive 属性指定的相对路径的基准路径。如果不指定此属性,则其默认值是当前文档的基准 urlcodetype=content-type 此属性指定当下载由 classid 所指定的对象时使用的数据内容类型。data=url 此属性用于

34、指定对象数据的位置type=content-type 此属性指定由 data 属性指定的数据的内容类型20archive=url 列表 此属性指定了一个由空格分隔的存档文件列表,这些存档文件中可能包含有 classid 和 data 属性所指定的资源,使用户能在一个连接上同时下载多个文件,从而减少了总的下载时间declare 当使用此布尔属性时,将使当前的 obJect 定义成为一个声明,而在后面引用此声明的 obJect 定义中实现该对象standby=text 此属性指定了当装载对象数据时显示的简短文本说明name=cdata 如果对象在表单中提交则定义其名称align、border、wi

35、dth、height、hspace、vspace 等,与 Img 中使用方法相同例:插入 java 小应用程序 (不支持 java 的浏览器上会显示这段文字,已过时,建议使用 object)包含的属性有:code=cdata 类文件名称或路径(与 object 二者必有其一)codebase=url 类文件的基础 urlwidth 小程序在网页中所占宽度height 小程序在网页中所占高度archive=url-lIst 存储文件所在的位置列表object=cdata 序列化的小程序name=cdata 小程序实例的名称,用于小程序间通信alt=text 替换文本align=top|middl

36、e|bottom|left|right 小程序在页面的对齐方式21hspace=pixels 小程序对象左右的空白距离vspace=pixels 小程序对象的上下空白距离为各种对象 (小应用程序)指定参数name=“ 定义一个运动时参数名称,名称必须由所插入对象识别value=“ 指定了 name 属性指定的运行时参数的值valuetype=data|ref|object 指定了 value 属性的类型。可能的取值为:data(默认,表示 value 属性指定的值将作为一个字符串传递给对象) 、ref(表示 value 属性指定的值是一个 url,该 url 指定了保存运行时参数的位置)和 o

37、bject(表示 value 属性指定的值是一个指向同一文档中一个 object 声明的标识符该标识符的值必须是声明的 object 标记的 id 属性值)type=content-type 当 valuetype 属性的值设置为 ref 时,此属性指定了url 所代表资源的内容类型id=id 元素的 Id例:(播放欢迎声音的 Java小应用程序)滚动字幕滚动字幕标记符,该标记符内不允许有文本级标记, 但可以嵌入其他标记符中,如 font 中width 滚动字幕区域的宽度,值:像素,百分数,默认 100%height 滚动字幕区域的高度,值:像素,百分数align 滚动字幕如何与周围文本对齐,

38、值:22left、right、center、top、bottom、middlebehavior=“ “ 滚动字幕如何移动 值:scroll ,缺省值,表示文本从一个方向向前滚动直到屏幕外,然后重复;slide,表示文本滚动到另一侧后就停下来; bounce,表示文本在定义的区域内来回交替滚动;bgcolor,定义滚动字幕区域的背景颜色direction 指定了文本的滚动方向,值: left(从左到右,默认) ;right( 从右到左)hspace 定义区域四周水平方向间隙 vspace 定义区域垂直方向间隙loop 指定了滚动重复的次数,值-1 或 infinite 表示无限制重复,为默认值scrollamount:X scrollamount 指定了文本滚动间的步进像素间距scrolldelay:X scrolldelay 指定了两次文本重画之间的毫秒延时数例如:滚动的字

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 企业管理 > 管理学资料

本站链接:文库   一言   我酷   合作


客服QQ:2549714901微博号:道客多多官方知乎号:道客多多

经营许可证编号: 粤ICP备2021046453号世界地图

道客多多©版权所有2020-2025营业执照举报