网页设计代码大全.doc

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=number 单元格所占行数