HTML5代码大全.doc 10页VIP

一、HTML各种命令的代码：1、文本标签(命令)pre/pre　　　　　　　　　创建预格式化文本h1/h1　　　　　　　　　　创建最大的标题h6/h6　　　　　　　　　　创建最小的标题b/b　　　　　　　　　　　创建黑体字i/i　　　　　　　　　　　创建斜体字tt/tt　　　　　　　　　　创建打字机风格的字体cite/cite　　　　　　　　创建一个引用,通常是斜体em/em　　　　　　　　　　加重一个单词（通常是斜体加黑体）strong/strong　　　　　　加重一个单词（通常是斜体加黑体）font size=?/font 　　　　设置字体大小，从 1 到 7font color=?/font　　　　设置字体的颜色,使用名字或十六进制值2、图形(命令)img src=name 　　　　　　添加一个图像img src=name align=? 　　排列对齐一个图像:左中右或上中下img src=name border=?　　设置围绕一个图像的边框的大小hr 　　　　　　　　　　　　加入一条水平线hr size=?　　　　　　　　　设置水平线的大小（高度）hr width=? 　　　　　　　　设置水平线的宽度（百分比或绝对像素点）hr noshade 　　　　　　　　创建一个没有阴影的水平线3、链接(命令)a href=URL/a 　　　　　创建一个超链接a href=mailto:EMAIL/a　创建一个自动发送电子邮件的链接 a name=NAME/a　　　　　创建一个位于文档内部的靶位 a href=#NAME/a 　　　　创建一个指向位于文档内部靶位的链接 4、格式排版(命令)p　　　　　　　　　　　　　创建一个新的段落p align=?　　　　　　　　　将段落按左、 中、 右对齐br 　　　　　　　　　　　　插入一个回车换行符blockquote/blockquote　　从两边缩进文本dl/dl　　　　　　　　　　创建一个定义列表dt 　　　　　　　　　　　　放在每个定义术语词之前dd 　　　　　　　　　　　　放在每个定义之前ol/ol　　　　　　　　　　创建一个标有数字的列表li 　　　　　　　　　　　　放在每个数字列表项之前，并加上一个数字ul/ul　　　　　　　　　　创建一个标有圆点的列表li 　　　　　　　　　　　　放在每个圆点列表项之前，并加上一个圆点div align=?　　　　　　　　一个用来排版大块HTML 段落的标签，也用于格式化表 二、HTML基本语法文件格式html/html(文件的开头与结尾)主题title/title(放在文件的开头)文头区段head/head(描述文件的信息)内文区段body/body(放此文件的内容)标题h?/h(?=1~6,改变标题字的大小)标题对齐h align=right,left,center/h字加大big/big字变小small/small粗体字b/b斜体字i/i底线字u/u上标字sup/sup下标字sub/sub居中center/center居左left /left居右right /right基本字体大小basefont size(取值范围从1到7，默认值为3)改变字体大小font size=?/font(?=1~7)字体颜色font color=#rrggbb/font(RGB色码)指定字型font face=?/font(?=宋体，楷体等)网址链结a href=URL/a设定锚点a name=?/a(?以容易记为原则)链结到锚点a href=#?/a(同一份文件)a href=URL#?/A(锚点不同文件)显示图形img src=URL/a图形位置img src=URL align=top,bottom,middle,left,right(分别为上、下、中、左、右的位置)图形取代文字img src=URLalt=?(无法显示图形时用)图形尺寸img src=URL width=? height=?(?以像素为单位)连结图形边线img src=URLborder=?(?以像素为单位)图形四周留白img src=URLhspace=? vspace=?(?以像素为单位)段落p/p断行br/br横线hr横线厚度hr size=?(?以像素为单位)横线长度hr width=?(?以像素为单位)横线长度hr width=?%(?与页宽相比较)实横线hr noshade(无立体效果)背景图案body background=图形文件名(图形文件格式为gif和jpg)背景颜色body bgcolor=#rrggbb(RGB色码)背景文字颜色body text=#rrggbb(RGB色码)未链结点颜色body link=#rrggbb(RGB色码)已链结点颜色body vlink=#rrggbb(RGB色码)正在链结点颜色body alink=#rrggbb(RGB色码) 文件类型 HTML/HTML （放在档案的开头与 文件主题 TITLE/TITLE （必须放在「文头」区块内） 文头 HEAD/HEAD （描述性资料，像是「主题」） 文体 BODY/BODY （文件本体） （由浏览器控制的显示风格） 标题 H?/H? （从1到6，有六层选择） 标题的对齐 H? ALIGN=LEFT|CENTER|RIGHT/H? 区分 DIV/DIV 区分的对齐 DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY/DIV 引文区块 BLOCKQUOTE/BLOCKQUOTE （通常会内缩） 强调 EM/EM （通常会以斜体显示） 特别强调 STRONG/STRONG （通常会以加粗显示） 引文 CITE/CITE （通常会以斜体显示） 码 CODE/CODE （显示原始码之用） 样本 SAMP/SAMP 键盘输入 KBD/KBD 变数 VAR/VAR 定义 DFN/DFN （有些浏览器不提供） 地址 ADDRESS/ADDRESS 大字 BIG/BIG 小字 SMALL/SMALL 与外观相关的标签（作者自订的表现方式） 加粗 B/B 斜体 I/I 底线 U/U （尚有些浏览器不提供） 删除线 S/S （尚有些浏览器不提供） 下标 SUB/SUB 上标 SUP/SUP 打字机体 TT/TT （用单空格字型显示） 预定格式 PRE/PRE （保留文件中空格的大小） 预定格式的宽度 PRE WIDTH=?/PRE（以字元计算） 向中看齐 CENTER/CENTER （文字与图片都可以） 闪耀 BLINK/BLINK （有史以来最被嘲弄的标签） 字体大小 FONT SIZE=?/FONT（从1到7） 改变字体大小 FONT SIZE=+|-?/FONT 基本字体大小 BASEFONT SIZE=? （从1到7; 内定为3） 字体颜色 FONT COLOR=#$$$$$$/FONT 4.特殊字元（以下标签需用小写） 特别符号 #?; （其中 ? 代表 ISO 8859-1 的编码） 注册商标TM ? N1.0+ 注册商标TM ? 著作权符号 ? N1.0+ 著作权符号 ? 5.表单 （通常需要与CGI程式配合） 定义表单 FORM ACTION=URL METHOD=GET|POST/FORM N2.0 上传档案 FORM ENCTYPE=multipart/form-data/FORM 输入栏位 INPUT TYPE=TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN|SUBMIT|RESET 栏位名称 INPUT NAME=*** 栏位内定值 INPUT value=*** 已选定 INPUT CHECKED （适用於checkboxes与 radio boxes） 栏位宽度 INPUT SIZE=? （以字元数为单位） 最长字数 INPUT MAXLENGTH=? （以字元数为单位） 下拉式选单 SELECT/SELECT 下拉式选单名称 SELECT NAME=***/SELECT 选单项目数量 SELECT SIZE=?/SELECT 多选式选单 SELECT MULTIPLE （多选） 选项 OPTION 内定选项 OPTION SELECTED 文字输入区 TEXTAREA ROWS=? COLS=?/TEXTAREA 输入区名称 TEXTAREA NAME=***/TEXTAREA N2.0 输入区换行方式 TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL/TEXTAREA 6.表格 3.0 定义表格 TABLE/TABLE 3.0 表格框线 TABLE BORDER/TABLE （有或没有） N1.1 表格框线 TABLE BORDER=?/TABLE（可以设定数值） N1.1 储存格左右留白 TABLE CELLSPACING=? N1.1 储存格上下留白 TABLE CELLPADDING=? N1.1 表格宽度 TABLE WIDTH=? （以pixels为单位） N1.1 宽度比率 TABLE WIDTH=% （页宽为100%） 3.0 表格列 TR/TR 3.0 表格列内容看齐 TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM 3.0 储存格 TD/TD （须与列并用） 3.0 储存格内容看齐 TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM 3.0 不换行 TD NOWRAP N3.0 储存格背景颜色 TD BGCOLOR=#$$$$$$ 3.0 储存格横向连接 TD COLSPAN=? 3.0 储存格纵向连接 TD ROWSPAN=? N1.1 储存格宽度 TD WIDTH=? （以pixels为单位） N1.1 储存格宽度比率 TD WIDTH=% （页宽为100%） 3.0 表格标题 TH/TH （跟TD一样，不过会对中并加粗） 3.0 表格标题对齐 TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM 3.0 表格标题不换行 TH NOWRAP 3.0 表格标题占几栏 TH COLSPAN=? 3.0 表格标题占几列 TH ROWSPAN=? N1.1 表格标题宽度 TH WIDTH=? （以pixels为单位） N1.1 表格标题比率宽度TH WIDTH=% （页宽为100%） 3.0 表格抬头 CAPTION/CAPTION 3.0 表格抬头看齐 CAPTION ALIGN=TOP|BOTTOM（在表格之上/之下） 视框 （定义与控制萤幕上的特定区域） N2.0 视框格式总定义 FRAMESET/FRAMESET （取代BODY） N2.0 视框行长度分配 FRAMESET ROWS=,,,/FRAMESET（pixels 或 %） N2.0 视框行长度分配 FRAMESET ROWS=*/FRAMESET （* = 相对大小） N2.0 视框栏宽度分配 FRAMESET COLS=,,,/FRAMESET（pixels 或 %） N2.0 视框栏宽度分配 FRAMESET COLS=*/FRAMESET （* =相对大小） N2.0 定义个别视框 FRAME （定义个别视框） N2.0 个别视框内容 FRAME SRC=URL N2.0 个别视框名称 FRAME NAME=***|_blank|_self|_parent|_top N2.0 边缘宽度 FRAME MARGINWIDTH=? （「左」与「右」边界） N2.0 边缘高度 FRAME MARGINHEIGHT=? （「天顶」与「地底」边界） N2.0 卷动条 FRAME SCROLLING=YES|NO|AUTO N2.0 不可改变大小 FRAME NORESIZE N2.0 无视框时的内容 NOFRAMES/NOFRAMES（如果浏览器不提供视框功能的话） 2.连结与图形 连结 A HREF=URL/A 连结到锚点 A HREF=URL#***/A（如果锚点在另一个档案） A HREF=#***/A （如果锚点目前的档案） 连结到目的视框 A HREF=URL TARGET=***/A 设定锚点 A NAME=***/A 图形 IMG SRC=URL 图形看齐方式 IMG SRC=URL ALIGN=TOP|BOTTOM|MIDDLE 图形看齐方式 IMG SRC=URL ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM 取代文字 IMG SRC=URL ALT=*** （如果没有办法显示图形则显示此文字） 点选图 IMG SRC=URL ISMAP （需要CGI程式） N2.0 点选图 IMG SRC=URL USEMAP=URL N2.0 地图 MAP NAME=***/MAP（描述地图） N2.0 段落 AREA SHAPE=RECT COORDS=,,, HREF=URL|NOHREF 3.0 大小 IMG SRC=URL WIDTH=? HEIGHT=?（以pixels为单位） N1.0 图形边缘 IMG SRC=URL BORDER=? （以pixels为单位） N1.0 图形边缘空间 IMG SRC=URL HSPACE=? VSPACE=? （以pixels为单位） N1.0 低解析度图形 IMG SRC=URL LOWSRC=URL N1.1 用户端拉 META HTTP-EQUIV=Refresh C（使用端自动更新 ） N2.0 内嵌物件 EMBED SRC=URL （将物件插入页面） N2.0 内嵌物件大小 EMBED SRC=URL WIDTH=? HEIGHT=? 3.分隔 段落 P （通常是两个return） 3.0 段落 P/P （新定义成容器型标签） 3.0 文字看齐方式 P ALIGN=LEFT|CENTER|RIGHT/P 换行 BR （一个return） N1.0 文字部份看齐方式BR CLEAR=LEFT|RIGHT|ALL（与图形合用时） 横线 HR N1.0 横线对齐 HR ALIGN=LEFT|RIGHT|CENTER N1.0 横线厚度 HR SIZE=? （以pixels为单位） N1.0 横线宽度 HR WIDTH=? （以pixels为单位） N1.0 横线比率宽度 HR WIDTH=% （以页宽为100%） N1.0 实线 HR NOSHADE （没有立体效果） N1.0 不可换行 NOBR/NOBR （不换行） N1.0 可换行处 WBR （如果需要，可在此断行） 列举 （可以巢状列举） 无次序式列举 ULLI/UL （LI 放在每一项前） N1.0 公布式列举 UL TYPE=DISC|CIRCLE|SQUARE（定义全部的列举项） LI TYPE=DISC|CIRCLE|SQUARE（定义这个及其後的列举项） 有次序式列举 OLLI/OL （LI 放在每一项前） N1.0 数标型态 OL TYPE=A|a|I|i|1 （定义全部的列举项） LI TYPE=A|a|I|i|1 （定义这个及其後的列举项） N1.0 起始数字 OL value=? （定义全部的列举项） LI value=? （定义这个及其後的列举项） 定义式列举 DLDTDD/DL（DT项目, DD定义） 表单式列举 MENULI/MENU（LI 放在每一项前） 目录式列举 DIRLI/DIR （LI 放在每一项前） 背景与颜色 3.0 重复排列的背景 BODY BACKGROUND=URL N1.1+ 背景颜色 BODY BGCOLOR=#$$$$$$ （依序为红、绿、蓝） N1.1+ 文字颜色 BODY TEXT=#$$$$$$ N1.1+ 连结颜色 BODY LINK=#$$$$$$ N1.1+ 看过的连结 BODY VLINK=#$$$$$$ N1.1 使用中的连结 BODY ALINK=#$$$$$$7.杂项 说明 !-- *** -- （浏览器不会显示） !--修改滚动条-- style type=text/css body { scrollbar-face-color: #330033; scrollbar-shadow-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #330033; scrollbar-arrow-color: #FFFFFF; } /style !--修改滚动条结束-- 将上面的代码放在叶子代码的head/head之间,颜色可根据自己的需要修改。 滚动条的代码意思如下： Scrollbar-Face-Color为滚动条表面颜色设定； Scrollbar-Track-Color为滚动条底板颜色设定； Scrollbar-Darkshadow为滚动条下边和右边边沿颜色设定； Scrollbar-Highlight-Color为滚动条上斜