网页设计代码大全

基本格式 添加注释开始标记符,可以省略 首部标记 标题标记符(唯一)关于脚本的定义包含属性有type=contenttype 编程语言的内容类型language=cdata 编程语言名src=url 外部程序位置charset=charset 外部程序的字符编码defer 设置此布尔属性时，表示告知浏览器脚本并不产生任何文档内容(如，在javascript中没有document.write语句),从而使浏览器可以继续解释html文件的内容并进行显示 浏览器不支持客户端程序时显示里面的内容基本字体的大小、颜色和字体(过时)包含属性有sIze=n 更改网页默认的字号属性,默认为3，n=17color=color 指定默认字体颜色face 指定默认字体id=id 唯一的id 定义文档的默认url基准和默认目标框架(唯一) 指定默认 url 基准target=main 指定默认的目标框架，单击连接时在默认框架显示标记符，包含了网页的元数据信息，如文档关键字、作者信息等包含属性有name=name 名字http-equIv=name http相应标题名content=cdata 相关数据定义了文档的关联关系包含属性有rel=linktypes 到链接的关系rev=linktypes 来自链接的关系href=url 链接资源的urltype=contenttype 链接的内容类型target=frametarget 显示链接的目标框架medIa=mediadesc 链接的媒体hreflang=languagecode链接资源的语言charset=charset 链接资源的字符编码正文标记符(开始标记符和结束标记符都可以省略)包含属性有bgcolor=#rrggbb 背景颜色background=Image/image.gif 背景图案teXt 设置正文的颜色lInk 设置未被访问的连接的颜色vlInk 设置已被访问过的连接的颜色alInk 设置活动连接（即当前选定的连接）的颜色onload=script 文档加载时执行脚本的事件onunload=script 文档退出时执行脚本的事件物理字符样式: 粗体 大字体 斜体 删除线 小字体 删除线 下标 上标 固定宽度字体 下划线 标记符控制字符样式sIze=n 字号属性,用于控制文字大小，其值越大，显示的字体越大，n值=17，默认为3(使用可更改默认的字号属性)，可用加减号来指定相对字号color=#rrggbb 颜色属性:用于控制文字颜色， 可使用颜色名称或十六进制指定颜色, 其中rr,gg,bb分别表示红，绿，蓝成分的两位十六进制值，ff表示包含满亮度的该种颜色；b0表示包含75%；80表示50%；40表示25%；00表示不含该颜色face=宋体,黑体,楷体 字体样式:即字体，浏览器优先使用第一种字体，若系统中没有则使用第二种，依次类推，如果找不到匹配字体，浏览器将使用默认字体逻辑字符样式 标题样式：n=16，表示最大的标题，表示最小的标题，通常只使用前三级标题。使用标题样式时，必须使用结束标记符，可使用align属性设置对齐方式 用于指定网页创建者或维护者信息，通常是斜体 用于表示文本属于引用，通常是斜体 用于表示程序代码，通常是固定宽度字体 用于表示定义了的术语，通常是黑体或斜体 用于强调某些字词，大多数浏览器将看作 用于表示用户的键盘输入，通常是固定宽度字体 用于表示文本样本，通常是固定宽度字体 用于特别强调某些字词，大多数浏览器将它看作 用于表示变量或程序参数，通常是斜体 用来标记缩写，通常与title属性一起使用 用来标记首字母缩略词，与abbr类似 用于表示短的行内引用，更长的要用blockquotecIte=url(引用源) 包含的内容是引自cite属性所指定的源定义块引用，可包含块级元素(如p和table)cIte=url(引用源) 包含的内容是引自cite属性所指定的源用来标记文档中已删除的内容，可用title给出删除原因cIte=url 包含删除原因信息的urldatetIme=datetime 删除时间用于包含被删除的内容cIte=url 说明插入原因信息所在的urldatetIme=datetime 插入时间用于包含预先格式化的文本，包含的内容以所设格式显示width=X 宽度，用数字 用于设置多语言文本的显示方向，不常用dlr= ltr | rtl 文本的方向lang=languagecode 文本的语言段落格式 分段标记符，将文档划分为段落，结束标记符通常可省略 换行标记符，强制断行，多个可产生多个空行效果，不能添加水平线，分割文档不同部分包含属性有size=5 表示水平线粗细程度，缺省值为2，单位像素width=60% 表示水平线长度，单位像素或百分比，百分比前后要使用引号noshade 无阴影3d效果，仅实线color=#000000 水平线颜色 为文档分节，以便为文档的不同部分应用不同段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(紧凑显示)列表项标记符(结束标记可省略,但使用样式表时应使用结束标记)type=i 用于设置数字样式value=1 用于指定一个新的数字序列起始值，以获得非连续性的数字序无序列表标记符，也称强调式列表type=disc 样式，值：disc，实心圆，非嵌套列表默认值；circle，空心圆，嵌套列表默认值；square，实心或空心方块，取决于浏览器compact(紧凑显示) 定义列表标记符，用于定义术语，表的各项前没有数字或符号的缩排列表compact(紧凑显示) 定义术语标记符(结束标记可省略,但使用样式表时应使用结束标记) 定义描述标记符(结束标记可省略,但使用样式表时应使用结束标记) 定义目录列表(已被ul取代) 定义菜单列表(过时)插入图像插入图像，动画src=winlogo.gif 图像文件名 路径(一般为相对路径)alt=this is the windows logo 图像简单文本说明用于图像不能显示时显示wIdth=x 图像宽heIght=y 图像高，xy可取像素或百分数border=3 图像边框粗细，单位像素hspace=x 图像和文本之间空白，水平方向空白vspace=y 垂直方向空白，单位像素alIgn=top 图像和文本在垂直方向对齐方式，值：top，表示文本与图像顶部对齐；mIddle，中央对齐；bottom，底部对齐，默认；left表示图像居左，文本右环绕图像rIght，表示图像居右，文本左环绕图像longdesc=url 包含长篇描述的文档位置usemap=url 客户端图像映射的映射说明，对应于map元素指定的内容Ismap 指示使用服务器端图像映射 解除在图像左右全部放置的文本 图像在页面对齐(p,dIv等)创建超链接链接到的网页路径网页名(一般为相对路径) ，指向本地网页的超链接一般使用相对路径，指向其他网页使用绝对路径target=main 控制链接的目标文件在哪一个框架显示，值：可以是已定义的框架名(如main)，也可以是以下特殊框架：_top，将链接的目标文件装入整个浏览器窗口；_self，装入当前框架中，以取代该框架正在显示的文件；_blank，装入一个新的匿名浏览器窗口；_parent，当框架有嵌套时，将链接的目标文件装入父框架中，否则与top相同name=cdata 已命名的连接目标rel=linktypes 到连接的关系rev=linktypes 来自连接的关系type=contenttype 连接的内容类型hreflang=languagecode 连接目标文件的语言charset=charset 连接的字符编码accesskey=charater 快捷键tabIndeX=number tab键遍历次序中的位置shape=rect|circle|poly|default 客户端图像映射中映射区域的形状coords=coords 客户端图像映射中映射区域的坐标onfocus=script 元素获得焦点时启动脚本的事件onblur=script 元素失去焦点时启动脚本的事件 创建，命名锚点连接到锚点 指向页面中特定锚点标记部分，名称前加#号其他页锚点 连接到其他页面中的锚点指向电子邮件的连接图像映射(热点) 客户端图像映射，名称 每个映射区域属性，可定义多个shape=default 区域形状，值：rect(矩形默认)；cIrcle(圆形)；polygon(多边形) coords=328,285,54 区域边界，值：左上角x，y坐标，右上x，y；圆心x，y，半径；各顶点坐标href=file.html 区域连接到target=frametarget 显示链接的目标框架nohref 不包含链接alt=text 替换文本tabIndeX=number tab键历次序中的位置onfocus=script 元素获得焦点时启动脚本的事件onblur=script 元素失去焦点时启动脚本的事件 引用图像映射，名称前加#号，服务器端图像映射(几乎不使用)，要求一个单独的.map文件，保存所有图像坐标的超连接信息，使用Ismap属性连接到.map文件例如： 插入表格 定义表格frame=hsides 是否显示和如何显示边框，值：void(无边框，默认)；above(仅有顶框)；below(仅有底框)； hsides(仅有顶框和底框)；vsides(仅有左、右侧框)； lhs(仅有左侧框)；rhs(仅有右侧框)； box(全部四个边框)；border(包含全部四个边框)；rules=rows 是否显示和如何显示单元格，值：none(表示无分割线，默认)；groups(仅在行组和列组间有分割线)；rows(仅有行分割线)； cols(仅有列分割线)；all(包括所有分割线)border=2 边框宽度，值 像素使用单独一个“border”，相当于frame=border，rules=allwidth=length 表宽cellspacing=10 调节单元格间距， 值 像素cellpadding=10 调节单元格填充距bordercolor=#ffff00设置边框颜色，也可在内设置bgcolor=#00ffff 设置背景颜色，也可在内设置background=image.gif 设置背景图片，也可在内设置align=center 表格的页面对齐，值：lift；right；centersummary=text 表格说明 给表格加标题align=bottom 定义标题位置，值：top(标题放在表格上部，默认)；bottom(下部)； left(标题放在表格上部左侧)；right(部右侧)行定义标记，结束标记可省略, align=center 水平对齐，表格单元格内容水平对齐，可在、和内使用，值：center、left(左，默认)、right、justifi(两端对齐)、char(表示按特定字符对齐)char=character 单元格之间的字符对齐charoff=length 对齐字符的偏移量valign=top 垂直对齐，表格单元格内容垂直对齐，可在、和内使用，值：top(顶部)、bottom(底部)、middle(垂直居中)、baseline(表示同行单元格中的数据位置一致)bgcolor=color 背景颜色 在第一行或列添加表头项，标题单元格rowspan=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 单元格所占行数colspan=number 单元格所占列数headers=Idrefs 当前单元格的标题单元格列表abbr=text 标题单元格的缩略形式scope=row|col|rowgroup|colgroup 标题单元格所覆盖的单元格数axis=cdata 标题单元格类别align 单元格的水平对齐方式char=character 单元格之间的对齐字符charoff=length 对齐字符的偏移量valign 单元格的垂直对齐方式width 单元格宽height 单元格高nowrap 单元格内不换行bgcolor 单元格背景颜色行组表头信息表尾信息表格信息列组列组标记，实现表格构造化span=5 指定列组中的列数(col也可以)width=50 列组中各列宽度 设置列组以外列的属性，也可单独使用rowspan 行合并，在和标记内使用rowspan属性可进行行合并，格式为：表项 其中X表示纵方向上合并的行数colspan 列合并，在和标记内使用colspan属性可进行行合并，格式为：表项 其中y表示为水平方向上合并的列数使用框架例如:1234567123456789 框架集标记符，不能包含body标记符rowscols 构造横向纵向分割框架，值：像素，百分数，n*(*表示窗口剩余部分，“*，*”表示窗口分成两个均等框架， “*，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(强制加垂直和水 平滚动条)；no(不加)；auto(需要时加，默认)noresize 固定框架边框位置，禁止移动边框longdesc=url 框架的长篇描述 包含了框架不显示时的替换内容，仅在不支持框架的浏览器上显示例如:您的浏览器不支持框架使用页内框架(可插入到body中的框架)src 指定要在页内框架中显示的网页name 页内框架名字width=x 页内框架的宽，值取像素或百分数height=y 页内框架的高，值取像素或百分数align=top(上)/middle(中)/bottom(下)|left/right 页内框架对齐方式frameborder=1/0 是否采用边框scrolling=yes/no/auto 是否加滚动条marginwidth=x 水平方向上内容与边框间隔，值取像素marginheight=y 垂直方向上内容与边框间隔，值取像素longdesc=url 到框架的长篇描述的连接例如：您的浏览器不支持框架或当前被配置为不显示框架，不过您可以访问相关文档。 (包含在 标记符之间的内容，只有不支持框架或设置为不显示框架的浏览器才显示)使用表单添加表单，form标记内不能嵌套form，且必须使用结束标记method=post 向服务器发送表单所使用的方法，值：get，在url的末尾附加要向服务器发送的输入到表单中的信息(默认)；post，表单数据作为一个数据体发送给服务器actIon= 提供处理表单的脚本的地址enctype=contenttype 表单数据的编码类型accect-charset=charsets 可支持的字符列表target=frametarget 显示表单内容的框架onsubmIt=script 表单发送时启动脚本的事件onreset=script 表单重置时启动脚本的事件此处是各种表单元素(控件及其他内容)创建多种表单元素，可创建多种控件type=text 指定要创建的控件类型，值：text，单行文本框，默认；password，口令框，密码框；checkbox，复选框；radio，单选框；submit，提交按钮；reset，重置按钮；file，文件选择框；hidden 隐藏image 图形化提交按钮；button 按钮name= 指定控件名称value= 指定控件初始值，除非控件类型是radio或checkbox，否则此属性可省略size= 指定控件的初始宽度，值通常是像素，但当type属性为text或password时，值为字符数maxlength= 当type属性的值是text或password，此属性指定了用户可输入文本的最大个数，长度可超过size属性的指定，此属性的默认值是不限大小checked= 当type属性的值为radio或checkbox，此属性指定了该框是否被选中，对于其他类型的控件，浏览器会忽略此属性src=url 当type属性的值为image时，此属性指定了用于修饰图形化提交按钮的图片的位置alt=cdata 图像的替换文本usemap=url 客户端图像映射align=top|middle|bottom|left|right 表单元素的对齐方式disabled 使控件无效以防止输入readonly 设置控件为只读accept=contenttypes 文本上载的媒体类型accesskey=character 快捷键tabindex=number 在tab键遍历次序中的位置onfocus=script 当元素获得焦点时启动脚本的事件onblur=script 当元素失去焦点时启动脚本的事件onselect=script 当文本框中的部分文本被选中时启动脚本的事件onchange=script 当控件的值改动时启动脚本的事件用法： 创建单行文本框 创建密码框选项 创建复选框(复选框name不同value相同，单选框name相同value不同)选项 创建单选框(具有相同name属性的单选框组成一个组，一个组中只能选中一个选项) 创建文件选择框 创建提交按钮 创建重置按钮 创建图形化提交按钮(无法显示图形的浏览器使用name和value显示一个提交按钮)创建多行文本输入框，结束标记不可省略name= 指定控件名rows= 设定多行文本框的行数，超过可视区域用滚动条控制cols= 设定多行文本框的列数，超过可视区域用滚动条控制disabled 使控件无效readonly 设置控件为只读accesskey=character 快捷键tabindex=number 在tab键遍历次序中的位置onfocus=script 当元素获得焦点时启动脚本的事件onblur=script 当元素失去焦点时启动脚本的事件onselect=script 当文本框中的部分文本被选中时启动脚本的事件onchange=script 当控件的值改动时启动脚本的事件 创建按钮，结束标记不可省略name= 指定控件名value= 指定控件初始值type= 指定创建按钮的类型，值：submit，创建一个提交按钮，(默认)；reset，创建一个重置按钮；button，创建一个普通按钮disabled 使控件无效readonly 设置控件为只读accesskey=character 快捷键tabindex=number 在tab键遍历次序中的位置onfocus=script 当元素获得焦点时启动脚本的事件onblur=script 当元素失去焦点时启动脚本的事件 创建选项菜单，下拉菜单，结束标记符不可省略name= 指定控件名size=number 指定选项菜单中一次显示多少行multiple 如果设置了此布尔属性，则允许用户选择多个选项， 不设置此属性，则仅允许选择一个选项disabled 使控件无效accesskey=character 快捷键tabindex=number 在tab键遍历次序中的位置onfocus=script 当元素获得焦点时启动脚本的事件onblur=script 当元素失去焦点时启动脚本的事件onchange=script 当控件的值改动时启动脚本的事件创建可选项，结束标记可省略selected 如果设置了此布尔选项，则当前选项为预选中项value= 指定控件初始值，如果没有设置此属性，则控件的初始值为option标记符中包含的内容label=text 为选项指定一个标签disabled 禁用选项将选项按逻辑分组，结束标记符不可省略其中至少包含一个option元素来定义实际的选项label=1 选项组标签disabled 禁用选项组为表单元素指定标签，单击标签即选中控件，结束标记不可省略for=fname 指定一个控件的idaccesskey=character 快捷键onfocus=script 当元素获得焦点时启动脚本的事件onblur=script 当元素失去焦点时启动脚本的事件例：请输入姓名： 定义表单控件组，将相关联的控件分组标记符中应包含作为控件组成员的各种表单控件定义控件组标签，必须立即出现在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、label、legend 和textarea例：web使用对象 嵌入多媒体对象(已过期) 用于包含任何一种对象的标记符，可取代img和applet标记符classid=url 此属性用于指定对象现实的位置。根据对象类型的不同，它要么与data属性一起使用，要么作为该属性的替代codebase=url 此属性用于解析由 classid、data 和 archive 属性指定的相对路径的基准路径。如果不指定此属性，则其默认值是当前文档的基准urlcodetype=content-type 此属性指定当下载由classid所指定的对象时使用的数据内容类型。data=url 此属性用于指定对象数据的位置type=content-type 此属性指定由data属性指定的数据的内容类型archive=url 列表 此属性指定了一个由空格分隔的存档文件列表，这些存档文件中可能包含有classid和data属性所指定的资源，使用户能在一个连接上同时下载多个文件，从而减少了总的下载时间declare 当使用此布尔属性时，将使当前的obJect定义成为一个声明，而在后面引用此声明的obJect定义中实现该对象standby=text 此属性指定了当装载对象数据时显示的简短文本说明name=cdata 如果对象在表单中提交则定义其名称align、border、width、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|middle|bottom|left|right 小程序在页面的对齐方式hspace=pixels 小程序对象左右的空白距离vspace=pixels 小程序对象的上下空白距离为各种对象(小应用程序)指定参数name= 定义一个运动时参数名称，名称必须由所插入对象识别value= 指定了name属性指定的运行时参数的值valuetype=data|ref|object 指定了value属性的类型。可能的取值为：data(默认，表示value属性指定的值将作为一个字符串传递给对象)、ref(表示value属性指定的值是一个url，该url指定了保存运行时参数的位置)和object(表示value属性指定的值是一个指向同一文档中一个object声明的标识符该标识符的值必须是声明的object标记的id属性值)type=content-type 当valuetype属性的值设置为ref时，此属性指定了url所代表资源的内容类型id=id 元素的Id例：(播放欢迎声音的Java小应用程序)滚动字幕 滚动字幕标记符，该标记符内不允许有文本级标记， 但可以嵌入其他标记符中，如font中width 滚动字幕区域的宽度，值：像素，百分数，默认100%height 滚动字幕区域的高度，值：像素，百分数align 滚动字幕如何与周围文本对齐，值：left、right、center、top、bottom、middlebehavior= 滚动字幕如何移动 值：scroll，缺省值，表示文本从一个方向向前滚动直到屏幕外，然后重复；slide，表示文本滚动到另一侧后就停下来； bounce，表示文本在定义的区域内来回交替滚动;bgcolor,定义滚动字幕区域的背景颜色direction 指定了文本的滚动方向，值：left(从左到右，默认)；right(从右到左)hspace 定义区域四周水平方向间隙vspace 定义区域垂直方向间隙loop 指定了滚动重复的次数，值-1或infinite表示无限制重复，为默认值scrollamount：X scrollamount指定了文本滚动间的步进像素间距scrolldelay：X scrolldelay 指定了两次文本重画之间的毫秒延时数例如：滚动的字22