网页标签代码

《网页标签代码》由会员分享，可在线阅读，更多相关《网页标签代码（30页珍藏版）》请在装配图网上搜索。

1、网页制作代码1.结构性定义文件类型 （放在档案的开头与结尾） 文件主题 （必须放在文头区块内） 文头 （描述性资料，像是主题） 文体 （文件本体）（由浏览器控制的显示风格）标题 （从 1 到 6，有六层选择）标题的对齐 区分 区 分 的 对 齐 引文区块 （通常会内 缩）强调 （通常会以斜体显示）特别强调 （通常会以加粗显示） 引文 （通常会以斜体显示） 码 （显示原始码之用）样本 键盘输入 变数 定义 （有些浏览器不提供）地址 大字 小字 与外观相关的标签（作者自订的表现方式） 加粗 斜体 底线 （尚有些浏览器不提供） 删除线 （尚有些浏览器不提供） 下标 上标 打字机体 （用单空格字型显示

2、）预定格式 （保留文件中空格的大小）预定格式的宽度vPRE WIDTH=?x/PRE （以字元计算） 向中看齐 （文字与图片都可以） 闪耀 vBLINKv/BLINK （有史以来最被嘲弄的标签） 字体大小 vFONT SIZE=?v/FONT （从 1 到 7） 改变字体大小 vFONT SIZE=+|-?v/FONT基本字体大小vBASEFONT SIZE=? （从1到7;内定为3） 字体颜色 vFONT COLOR=#$v/FONT2.连结与图形连结 vA href=/URLv/A连结到锚点 （如果锚点在另一个档案） （如果锚点目前的档案） 连结到目的视框 设定锚点 图形 图 形 看 齐

3、方 式 图形看齐方式 取代文字 （如果没有办法显示 图形则显示此文字）点选图 （需要 CGI 程式）N2.0 点选图 N2.0 地图 vMAP NAME=*v/MAP （描述地图）N2.0 段 落 3.0 大小 vIMG src=/URL WIDTH=? HEIGHT=? （以 pixels 为 单 位 ）N1.0 图 形 边 缘 vIMG src=/URLBORDER=? （以 pixels 为单位）N1.0 图 形 边 缘 空 间 vIMG src=/URL HSPACE=?VSPACE=? （以 pixels 为单位）N1.0 低解析度图形 N1.1 用 户 端 拉 （使用端自动更新）N

4、2.0 内嵌物件 （将物件插入页面）N2.0 内 嵌 物 件 大 小 3.分隔段落 （通常是两个 return）3.0 段落 （新定义成容器型标签）3.0 文字看齐方式 换行 （一个 return）N1.0 文字部份看齐方式 （与图形合用时）横线 N1.0 横线对齐 N1.0 横线厚度 （以 pixels 为单位）N1.0 横线宽度 （以 pixels 为单位）N1.0 横线比率宽度 （以页宽为 100%）N1.0 实线 （没有立体效果）N1.0 不可换行 （不换行）N1.0 可换行处 （如果需要，可在此断行） 列举 （可以巢状列举）无次序式列举 （ 放在每一项前）N1.0 公布式列举 vUL

5、 TYPE=DISCICIRCLEISQUARE （定 义全部的列举项）vLI TYPE=DISCICIRCLEISQUARE （定义这个及其后的列 举项）有次序式列举 vOLvLIv/OL （ vLI 放在每一项前）N1.0 数标型态 vOL TYPE=AIaIIIiI1 （定义全部的列举项） vLI TYPE=AIaIIIiI1 （定义这个及其后的列举项）N1.0 起始数字 vOL value=? （定义全部的列举项）vLI value=? （定义这个及其后的列举项）定义式列举 vDLvDTvDDv/DL （vDT项目，vDD定 义）表单式列举 vMENUvLIv/MENU（ vLI 放在

6、每一项前） 目录式列举 vDIRvLIv/DIR （ vLI 放在每一项前） 背景与颜色3.0 重复排列的背景 vBODY background=/URLN1.1+ 背景颜色 vBODY BGCOLOR=#$ （依序为 红、绿、蓝）N1.1+ 文字颜色 vBODY TEXT=#$N1.1+ 连结颜色 vBODY LINK=#$N1.1+ 看过的连结 vBODY VLINK=#$N1.1 使用中的连结 vBODY ALINK=#$4.特殊字元（以下标签需用小写）特别符号 &#?; （其中 ? 代表 ISO 8859-1 的编码） & & 注册商标 TM ?N1.0+ 注册商标 TM 著作权符号

7、?N1.0+ 著作权符号 ?5.表单 （通常需要与 CGI 程式配合）定 义 表 单 N2.0 上 传 档 案 输 入 栏 位 栏位名称 栏位内定值 已选定 （适用於 checkboxes 与 radio boxes）栏位宽度 （以字元数为单位）最长字数 （以字元数为单位） 下拉式选单 下拉式选单名称 选单项目数量 多选式选单 （多选） 选项 内定选项 文 字 输 入 区 输入区名称 N2.0 输 入 区 换 行 方 式 6.表格3.0 定义表格 3.0 表格框线 （有或没有）N1.1 表格框线 VTABLE BORDER=?v/TABLE （可以设定 数值）N1.1 储存格左右留白 VTAB

8、LE CELLSPACING=?N1.1 储存格上下留白 VTABLE CELLPADDING=?N1.1 表格宽度 VTABLE WIDTH=? （以 pixels 为单位） N1.1 宽度比率 VTABLE WIDTH=% （页宽为 100%）3.0 表格列 VTRV/TR3.0 表格列内容看齐 VTR ALIGN=LEFT|RIGHT|CENTERVALIGN=TOP|MIDDLE|BOTTOM3.0 储存格 （须与列并用）3.0 储存格内容看齐 3.0 不换行 N3.0 储存格背景颜色 3.0 储存格横向连接 3.0 储存格纵向连接 N1.1 储存格宽度 （以 pixels 为单位）N

9、1.1 储存格宽度比率 （页宽为 100%）3.0表格标题vTHv/TH （跟vTD样，不过会对中并加粗）3.0 表 格 标 题 对 齐 vTH ALIGN=LEFT|RIGHT|CENTERVALIGN=TOP|MIDDLE|BOTTOM3.0 表格标题不换行 vTH NOWRAP3.0 表格标题占几栏 vTH COLSPAN=?3.0 表格标题占几列 vTH ROWSPAN=?N1.1 表格标题宽度 vTH WIDTH=? （以 pixels 为单位）N1.1表格标题比率宽度vTH WIDTH=% （页宽为100%）3.0 表格抬头 vCAPTIONv/CAPTION3.0 表格抬头看齐

10、vCAPTION ALIGN=TOP|BOTTOM （在表格之上/之下）视框 （定义与控制萤幕上的特定区域）N2.0视框格式总定义vFRAMESETv/FRAMESET (取代)N2.0 视 框 行 长度分配vFRAMESETROWS=,v/FRAMESET( pixels 或 % )N2.0 视 框 行 长度分配vFRAMESETROWS=*v/FRAMESET（ * = 相对大小）N2.0 视 框 栏 宽度分配vFRAMESETCOLS=,v/FRAMESETpixels 或 %)N2.0 视 框 栏 宽度分配vFRAMESETCOLS=*v/FRAMESET（ * = 相对大小）N2.0

11、 定义个别视框 vFRAME （定义个别视框）N2.0 个别视框内容 vFRAME src=/URLN2.0 个 别 视 框 名 称vFRAMENAME=*|_blank|_self|_parent|_topN2.0 边缘宽度 vFRAME MARGINWIDTH=? （左与 右边界）N2.0 边缘高度 vFRAME MARGINHEIGHT=? （天顶 与地底边界）N2.0 卷动条 vFRAME SCROLLING=YES|NO|AUTON2.0 不可改变大小 vFRAME NORESIZEN2.0无视框时的内容v/NOFRAMES（如果 浏览器不提供视框功能的话）、文字1. 标题文字vh#

12、v/h# #=16； hl为最大字,h6为最 小字2. 字体变化 vfontv/font【1】字体大小 vfont size=#v/font #=17；数字愈大字也愈大【2】指定字型vfont face=字体名称v/font【3】文字颜色 vfont color=#rrggbbv/fontrr：表红色（red）色码 gg： 表绿色（green） 色码 bb：表蓝色（blue）色码 rrggbb 也可用 6 位颜色代码数字3. 显示小字体 vsmallv/small4. 显示大字体 vbigv/big5. 粗体字 vbv/b6. 斜体字 viv/i7. 打字机字体 8. 底线 9. 删除线 10

13、. 下标字 11. 上标字 12. 文字闪烁效果 13.换行（也称回车） 14.分段 15.文字的对齐方向 #号可为left：表向左对齐 （预设值）center:表向中对齐right:表向右对齐 P.S.vp align=”#”之后的文字都会以所设的对齐方式显示，直到出现 另一个vp align=”#”改变其对齐方向，遇到vhr或vh#标签 时会自动设回预设的向左对齐。16.分隔线 【1】分隔线的粗细vhr size=点数【2】分隔线的宽度vhr size=点数或百分比【3】分隔线对齐方向 vhr align=#号可为left：表向左对齐（预设值）center:表向中对齐right：表向右对齐

14、【4】分隔线的颜色 vhr color=#rrggbb【5】实心分隔线 vhr noshade17. 居中对齐 vcenterv/center18. 依原始样式显示 vprev/pre19. vbody 指令的属性【 1 】背景颜色 - bgcolor vbody bgcolor=#rrggbb【2】背景图案-background 【 3 】 设 定 背 景 图 案 不 会 卷 动 - bgproperties vbody bgproperties=fixed【4】文件内容文字的颜色 - text vbody text=#rrggbb【 5】超连结文字颜色 - link vbody link=

15、#rrggbb【 6 】 正 被 选 取 的 超 连 结 文 字 颜 色 - vlink 【 7 】 已 连 结 过 的 超 连 结 文 字 颜 色 - alink 20.文字移动指令 移动速度指令是:scrollAmount=#最小为1,速度为最慢；数字越大移动的越快。移动方向指令是：direction=#up向上、down向下、left向左、right向右。指 令 举 例 ： vMARQUEE scrollAmount=3 direction=upv/MARQUEE二、图片1. 插入图片2. 设定图框-border img src=图形文件名border =点数3. 设定图形大小 -wid

16、th、height img src=图形文件名 width =宽度点数height=高度点数 4.设定图形上下左右留空-vspace、hspace 5. 图形附注vimg src=图形文件名alt=说明文字6. 预载图片vimg src=高解析度图形文件名lowsrc=低解析度图形文件名 P.S.两个图的图形大小最好一致； 7.影像地图(Image Map) vimg src=图形文件名usemap=#图的名称varea shape=形状URLvarea shape=形状URLvarea shape=形状coords=区域座标列表coords=区域座标列表coords=区域座标列表coords

17、=区域座标列表href=连结点之 href=连结点之 href=连结点之 href=连结点之URL v/map【1】定义形状 - shapeshape=rect:矩形 shape=circle:圆形 shape=poly: 多边形【2】定义区域 - coordsa. 矩形：必须使用四个数字，前两个数字为左上角座标，后 两个数字为右下角座标例：varea shape=rect coords=100,50,200,75 href=URLb. 圆形：必须使用三个数字，前两个数字为圆心的座标，最 后一个数字为半径长度例： varea shape=circle coords=85,155,30 href

18、=URLc. 任意图形（多边形）：将图形之每一转折点座标依序填入例：vareashape=polycoords=232,70,285,70,300,90,250,90,200,78 href=URL三、表格相关1. 表格标题vcaptionv/caption表格标题位置 - alignvcaption align=# #号可为top：表标题置于表格上方（预 设值）bottom：表标题置于表格下方2. 定义列 vtr3. 定义栏位1：靠左对齐2：靠中对齐ii粗体【1】水平位置 - align #号可为left：向左对齐center:向中对齐right：向右对齐【2】垂直位置 - align #号

19、可为top ： 向 上 对 齐 middle ： 向 中 对 齐bottom :向下对齐【3】栏位宽度-width vth width=点数或百分比【4】栏位垂直合并-rowspanvth rowspan=欲合并栏位数【5】栏位横向合并-colspanvth colspan=欲合并栏位数四、表格的主要属性1. vtable 标记的主要属性align 定义表格的对齐方式，有三个属性值 center，left，rightbackground 定义表格的背景图案，属性值为图片的地址bgcolor 定义表格的背景颜色，属性值是各种颜色代码border 定义表格的边框宽度，属性值是数字bordercol

20、or 定义表格边框的颜色，属性值是各种颜色代 码cellpadding 定义单元格内容与单元格边框之间的距离，属性值是数字cellspacing 定义表格中单元格之间的距离height 定义表格的高度，属性值是数字width 定义表格的宽度，属性值是数字2. vtr标记，表格是由多行与多列组成的，vtr标记用来定义表格的一行，他的属性极其属性值定义的是表格中的该 行，其主要属性与属性值如下：align 定义对齐方式，属性值与上同background 定义背景图案 bgcolor 定义背景色3. vtd标记。用vtd标记概况起来的内容表示表格的单元。 其主要属性与属性值和v table 标记的一

21、样，补充两个合并列 和行的代码：colspan 定义合并表格的列数，属性值是数字rowspan 定义合并表格的行数，属性值是数字五、FRAME1、分割视窗指令 vframesetv/frameset【1】垂直（上下）分割 - rowsvframeset rows=# #号可为点数：如欲分割为100,200,300 三个视窗，则vframesetrows=100,200,300；亦可以*号代表，如vframeset rows=*,500,*百分比：女如vframeset rows=30%,70%,各项总和最好为 100%;【2】水平（左右）分割-cols vframeset cols=点数或百分

22、比2、指定视窗内容 - vframe vframeset cols=30%,70% vframe vframe v/frameset【 1】指定视窗的文件名称 - src vframe src=HTML 档名 【 2】定义视窗的名称 - namevframe name=视窗名称【 3】设定文件与上下边框的距离 - marginheightvframe marginheight=点数【 4】设定文件与左右边框的距离 - marginwidthvframe marginwidth =点数 【5】设定分割视窗卷轴 - scrollingvframe scrolling=# #号可为yes:固定出现卷

23、轴no：不出现卷轴auto：自动判断文件大小需不需要卷轴（预设值）【6】锁住分割视窗的大小 - noresize vframe noresize六、歌曲代码:在这组代码中，不必管它是mms.http.rtsp，只要看尾缀是 asf、wma、wmv、wmv、rm 都可适用下面的代码:1. 手动播放:vEMBED src=歌曲地址 volume=100 width=39 height=18 hidden=FALSEautostart=faulttype=audio/x-pn-realaudio-plugin controls=PlayButton2. 打开页面自动播放:vEMBED src= 歌

24、曲 地 址 width=39 height=18 autostart=true hidden=false loop=infinite align=middle volume=100type=audio/x-pn-realaudio-plugincontrols=PlayButton autostart=true套用代码:vdiv align=centervtable border=1 width=90% height=403 background= 背景图片地址vfont face=华文彩云size=6 color=#FFFFFF歌曲或音 乐名称 v/fontvbrvbrvp align=ce

25、ntervimg src=图片地址vbrvbrvfont color=#FFFFFF size=3 介 绍 文 字 v/fontvbrvbrvbrvEMBED style=FILTER: xray() src=音乐地址 width=250 height=30type=audio/x-ms-wmaautostart=trueloop=-1vbrvbrvbrv/tdv/trv/table v/div简易套用代码详解:vdiv align=center是定义帖子居中；vtrvtd width=80% height=100%这其中的border=1是定义表格边线的宽度,定义为0则无边 线;width=

26、90% height=403分别定义背景图表格的宽度和 高度.如果背景图是一张大图,可以这样定义:width=图片宽度 height =图片高度vp align=centervbrvbrvbrvfont face= 华 文 彩 云 size=6 color=#FFFFFF 歌曲或音乐名称 v/fontvbrvbrvp align=center是定义文字居中的，vbr是回行代码，加 几 个 就 会 空 几 行 。 vfont face= 华 文 彩 云 size=6 color=#FFFFFF是定义文字属性的。face=华文彩云是定 义字体，你可以把字体换成隶书、宋体等。size=6是定义字 号

27、的，数字越大字越大，如果不定义，默认是 2 号字。 color=#FFFFFF 是定义字体颜色的。全部字体颜色的代码在 妙手饰图区有人发过，你可以找来改。 介绍文字 v/fontvbrvbrvbr第一个括号里的代码仍然是定义图片和文字居中的。 是插入图片代码。 vfont color=#FFFFFF size=3介绍文字v/font是定义这段文字的。如果想改变字拧 (19)痔濉(19)值难丈烧瞻嵘厦嫖医驳亩丁宸椒d ?/fontvEMBED style=FILTER: xray() src=音乐地址 width=250 height=30 type=audio/x-ms-wma autosta

28、rt=true loop=-1这一段是插入播放器代码，因为我插的是特殊的播放器， style=FILTER: xray()是特殊代码。“src=音乐地址”是插入 音乐文件的地址。 width=250 height=30 分别定义播放器的宽 度和高度(如果把宽和高都设成零则为隐藏 ,并且只能自动播 放)。autostart=true loop=-l是定义音乐播放方式的， autostart=true是设定手动或自动播放，“true”或“1”是自 动播放，“false ”或“0”是手动播放；loop=-1是播放次数,“true”或“1”表示重复播放，“false” “-1”或“0”是只播 放一次。

29、 回行代码和与前面对 应的固定代码。VEMBED style=FILTER: xray() src=音乐地址 width=250 height=30 type=audio/x-ms-wma autostart=true loop=-1这一段是插入播放器代码，因为我插的是特殊的播放器， style=FILTER: xray()是特殊代码。“src=音乐地址”是插入 音乐文件的地址。width=250 height=30分别定义播放器的宽 度和高度(如果把宽和高都设成零则为隐藏 ,并且只能自动播 放)。autostart=true loop=-l是定义音乐播放方式的， autostart=true

30、是设定手动或自动播放，“true”或“1”是自 动播放，“false ”或“0”是手动播放；loop=-1是播放次数,“true”或“1”表示重复播放，“false” “-1”或“0”是只播 放一次。VbrVbrVbrV/tdV/trV/tableV/div 回行代码和与前面对 应的固定代码。1 网页设计代码大全HTML 语法大全 跑马灯 . 普通卷动 . 滑动 . 预设卷动 . 来回卷动 . 向下卷动 . 向上卷动 向右卷动 向左卷动 . 卷动次数 . 设定宽度 . 设定高度 . 设定背景颜色 . 设定卷动距离 . 设定卷动时间 字体效果 . 标题字 （最大） . 标题字 （最小） . 粗体

31、字 . 粗体字 （强调） . 斜体字 . 斜体字（强调 ） . 斜体字（ 表示定义 ） . 底线 . 底线（表示插入文字 ） . 横线 . 删除线 . 删除线（表示删除 ） . 键盘文字 . 打字体 . 固定宽度字体 （在文件中空白、换行、定位 功能有效） . 固定宽度字体 （不执行标记符号 ） . 固定宽度小字体 . 字体颜色 . 最小字体 . 无限增大 区断标记 水平线 水平线（设定大小 ） 水平线 （设定宽度 ） 水平线 （设定颜色 ） （ 换行 ） . 水域 （不换行 ） . 水域 （段落） . 置中 连结格式 base href=地址（预设好连结路径） a href=地址外部连结 外

32、部连结（另开新窗口） 外部连结（全窗口连结） 外部连结（在指定页 框连结） 贴图 /音乐 imgsrc =图片地址贴图设定图片宽度设定图片高度 imgsrc=图片地址alt=提示文字设定图片提示文字设定图片边框 背景音乐设定 表格语法 . 表格位置,置左 . 表格位置,置中 . 背景图片的URL=就是路径网址 table border= 边框大小 . /table 设定表格边框大小 （使 用数字）v tablev tablebgcolor=颜色码 .v /table设定表格的背景颜色v table的颜色v tableborderclor=颜色码.V /table设定表格边框的颜 borderc

33、lordark=颜色码.V /table设定表格暗边框 borderclorlight=颜色码 .V /table设定表格亮边框的颜色v tablecellpadding=参数.v /table指定内容与网格线之间的间距（使用数字）v table cellspacing=参数.v /table指定网格线与网格线之间的距离（使用数字）v table cols=参数.v /table指定表格的栏数v table frame=参数.v /table设定表格外框线的显示方式v tablewidth =宽度.v /table指定表格的宽度大小（使用数字）v table height=高度.v /table指定表格的高度大小（使用数字）v td colspan=参数.v /td指定储存格合并栏的栏数（使 用数字） .v /td指定储存格合并列的列数（使用数字）v ! 分割窗口v frameset cols= 20%,* 左右分割,将左边框架分割大小 为 20% 右边框架的大小浏览器会自动调整