HTML标签解析手册

个人总结，仅供参考。

7041973301.HTML.文字标记#.<b>...</b>(黑体字)#.<basefont>(描绘文本说明缺省字体)*.class=classname（映像对应的类）*.color=RGB/red（颜色设置）*.face=font（字体设置，例【行书】*.id=value（用户映像标记）*.lang=language*.size=1,2,3,4,5,6,7(当n=7时最大)*.title=text/string（提供说明，鼠标移到此处可能显示文字）#.<blockquote>...</blockquote>(说明一个偏离常规文本的引用) *.class=classname（映像对应的类）*.id=value（用户映像标记）*.lang=language*.language=JA V Ascript/JSscript/VBscript/VBS(编程语言）*.style=css 1-properties*.title=text/string（提供说明，鼠标移到此处可能显示文字）*.其可用"<BQ>...</BQ>"代替#.<cite>...</cite>(引用/斜体)#.<code>...</code>Eg.<code>myfunction{var foo,bar;bar=foo*1;alert("this is doesn't do anything!");}</code>#.<dfn>...</dfn>(定义标记，斜体)#.<em>...</em>(强调/斜体)#.<font>...</font>(字的设计)*.background=RGB/red(颜色)*.class=classname（映像对应的类）*.color=RGB/red（颜色设置）*.face=font（字体设置，例【行书】）*.id=value（用户映像标记）*.lang=language*.language=JA V Ascript/JSscript/VBscript/VBS(编程语言）*.style=css 1-properties*.title=text/string（提供说明，鼠标移到此处可能显示文字）*.family=楷体(字形)*.font-weigh=light/medium/bold(字体粗细)*.font-style=normal/italic/small-caps(斜体)*.line-height=24pt(行距)*.text-decoration=none/underline/italic/line-through(特殊效果)*.margin-left=2cm(页左边距)*.size=1,2,3,4,5,6,7(当n=7时最大)*.text-align=left/right/center(对齐)*.text-indent=2cm(缩进)#.<hn>...</hn>(标题)*.n=1,2,3,4,5,6(n=1时最大)*.<hn>隐含一个回车*.align=left/light/center/justify(通过CSS说明)#.<i>...</i>(斜体字)#.<kbd>...</kbd>(标注从键盘输入的文本)#.<nobr>...</nobr>#.<noscirpt>...</noscirpt>#.<tt>...</tt>(说明“电传文本”)*.作为简单文本用定宽字体描绘#.<pre>...</pre><small>...</small><big>...</big>(固定文本格式)*.class=classname（映像对应的类）*.id=value（用户映像标记）*.lang=language*.language=JA V Ascript/JSscript/VBscript/VBS(编程语言）*.style=css 1-properties*.title=text/string（提供说明，鼠标移到此处可能显示文字）#.<s>...</s>(删除线)#.<sub>...</sup>(下标和上标)#.<u>...</u>(底线字)#.<var>...</var>(为变量标记)2.HTML.文字排版#.<abbr>……</abbr>*.title=“缩写掉的文字”Eg.<abbr title=脑残>NC</abbr>是一个不太文明的词。

#.<acronym>……</acronym>*.title=“隐藏文字”Eg.微博客网站<acronym title=frouded in 2006>Twtter</acronym>最近常常宕机。

#.<br>(强迫分行)*.clear=left/right/all/none#.<dfn>……</dfn>(首列项目定义，可以在后继文本中引用) #.<div>……</div>(生成一个容器元素)*.align=center/left/right*.class=classname（映像对应的类）*.datafld=colname*.dataformatas=html/text*.datasrc=#id*.lang=language*.language=JA V Ascript/JSscript/VBscript/VBS(编程语言）*.style=css 1-properties*.title=text/string（提供说明，鼠标移到此处可能显示文字）#.<ul>……</ul>(生成一个无序清单、有序与无序的集合) Eg.<ul><li>one<li>two</ul>#.<li>(说明各类清单项目，包括清单数目，排序清单和无序清单) #.<ol>(有序清单)*.type=1/a/A/i/I*.start=n*.copact*.type=disc(用来指示浏览器以更加紧凑的风格显示列表项)*.type也可在<LI><OL>中用*.value=n(从某项重新开始)#.<menu>……</menu>(菜单与目录列表标记)*.compactEg.<menu><li>……<li>……</menu>#.<center>……</center>(居中对齐)#.<left>……</left>(左对齐)#.<right>……</right>(右对齐)#.<p>……</p>(段落)Eg. <p>this is a paragraph.<p>this is a paragraph.#.<hr>(线)*.align=center/left/right*.class=classname（映像对应的类）*.color=color*.id=value（用户映像标记）*.lang=language*.language=JA V Ascript/JSscript/VBscript/VBS(编程语言）*.noshade*.size=n（线体大小）*.src=url（建立一个链接,链接url/blank/self/parent/top）*.style=css 1-properties*.title=text/string（提供说明，鼠标移到此处可能显示文字）*.width=n（宽度）#.<span>……</span>(行内标记，生成一个类似于<DIV>标志的标记)*.class=classname（映像对应的类）*.datafld=colname*.dataformatas=html/text*.datasrc=#id*.id=value（用户映像标记）*.lang=language*.language=JA V Ascript/JSscript/VBscript/VBS(编程语言）*.style=css 1-properties*.title=text/string（提供说明，鼠标移到此处可能显示文字）Eg.<span id=respect><img src=…….gif></span>#.<wbr>(软断行，当会初现滚动条时自动断行)3.HTML.图形#.<img>(连接一个图形)*.align=top/bottom/middle/left/right/center/texttop/absmiddle/baseline/absbottom *.border=n(边线粗细)*.alt=text(图形用文字取代)*.width=n（宽度）*.height=n（高度）*.hspace=n（边距留白高度）*.vspace=n（边距留白高度）*.ismap(点选图[需CGI工程式])*.usemap(点选图)*.lowsrc=url (低解析度图形[和文字同时显示出来])*.longdesc=url(描述图的路径)*.lang=language*.language=JA V Ascript/JSscript/VBscript/VBS(编程语言）*.loop=n（移动速度，大值更快）*.name=name（项目名称）*.style=css 1-properties*.title=text/string（提供说明，鼠标移到此处可能显示文字）*.dynsrc=url（建立一个链接,链接url/blank/self/parent/top）*.datasrc=#id*.datafld=colname*.class=classname（映像对应的类）#.<area>(在客户方图像映射中“目标”区的形状)*.alt=text*.class=classname（映像对应的类）*.href=url（建立一个超链接）*.id=value（用户映像标记）*.lang=language*.language=JA V Ascript/JSscript/VBscript/VBS(编程语言）*.nohref（不能建立链接）*.shape=circ/circle/poly/polygon/rect/rectangle*.style=css 1-properties*.target=window_name/_blank._parent._seft._topEg.<area shape=rect cords=0.0.75.125hef=http: //>4.HTML.表格#.<caption>...</caption>（表格标题）*.align=bottom/center/left/right/top（表格水平位置）*.class=classnme*.id=value（用户映像标记）*.language=JA V Ascript/JSscript/VBscript/VBS(编程语言）*.lang=language*.style=css 1-properties*.title=text/string（提供说明，鼠标移到此处可能显示文字）*.valign=top/bottom#.<table>...</table>（表格）*.align=center/left/right（水平位置）*.background=url（背景网页）*.bgcolor=color（背景颜色）*.border=n(边线粗细)*.bordercolor=color（边框色）*.bordercolordark=color*.bordercolorlight=color*.cellpadding=n（单元之间的距离）*.cellspacing=n（单元与内容之间的距离）*.class=classname（映像对应的类）*.cols=n*.datapagesize=n（字体大小）*.datasrc=#id*.frame=ABOVE/below/box/insides/Lhs/rhs/void=value（用户映像标记）vsides *.height=n（表高）*.id=value（用户映像标记）*.language=JA V Ascript/JSscript/VBscript/VBS(编程语言）*.lang=language*.rules=alt=textcols/groups/none/rows*.style=css 1-proerties*.title=text/string（提供说明，鼠标移到此处可能显示文字）*.width=n（表宽）#.<th>...</th>（表头）*.表头内部文字加粗显示*.其属性值与<TD>类似#.<tr>...</tr>（表格的行）*.align=center/left/right*.bgcolor=color（背景颜色）*.bordercolor=color（边框色）*.bordercolordark=color*.bordercolorlight=color*.class=classname（映像对应的类）*.id=value（用户映像标记）*.language=JA V Ascript/JSscript/VBscript/VBS(编程语言）*.lang=language*.style=css 1-proerties*.title=text/string（提供说明，鼠标移到此处可能显示文字）*.valign=baseline/bottom/center/top#.<td>...</td>*.align=center/left/right（水平位置）*.background=url（背景网页）*.bgcolor=color（背景颜色）*.border=n(边线粗细)*.bordercolor=color（边框色）*.bordercolordark=color*.bordercolorlight=color*.class=classname（映像对应的类）*.colspan=n（横向扩展）*.id=value（用户映像标记）*.language=JA V Ascript/JSscript/VBscript/VBS(编程语言）*.lang=language*.nowrap（不换行）*.style=css 1-proerties*.title=text/string（提供说明，鼠标移到此处可能显示文字）*.valign=baseline/bottom/center/top*.rolspan=n（纵向扩展）*.width=n（宽度比）5.HTML.视框的多帧窗口#.<frameset>...</ frameset >(总体说明框架)*.name=name（框架名称/帧名）*.scrolling= yes/no/auto（根据情况选择是否有滚动条）*.src=url（建立一个链接,链接url/blank/self/parent/top）*.marginwidth=n（宽度，框架与左右边缘间距）*.marginheight=n（高度，框架与上下边缘间距）*.noresize（不可被调框大小）*.bgcolor=color（背景颜色）*.border=n(边线粗细)*.bordercolor=color（边框色）*.class=classname（映像对应的类）*.cols=col-widths（视框宽栏度分配）*.colspan=n（横向扩展）（储存格横向链接）*.frameborder=n(边线粗细)o/yes/0/1*.id=value（用户映像标记）*.language=JA V Ascript/JSscript/VBscript/VBS(编程语言）*.lang=language*.nowrap（不换行）*.rows=rows-height（视框长度分配）*.title=text/string（提供说明，鼠标移到此处可能显示文字）Eg.<frameset=”50%,50%”><frame src=url1><frame src=url2></frameset>#.<frame> (定义单个框)*.bordercolor=color（边框色）*.class=classname（映像对应的类）*.datafld=colname*.datasrc=#id*.frameborder=no/yes/0/1*.height=n（高度）*.id=value（用户映像标记）*.language=JA V Ascript/JSscript/VBscript/VBS(编程语言）*.lang=language*.marginwidth=n（框架与左右边缘间距）*.marginheight=n（框架与上下边缘间距）*.name=window_name/s/_blank/_parent/_seft/_top*.noresize=noresize/resize*.scrolling= yes/no/auto（根据情况选择是否有滚动条）*.src=url（链接url/blank/self/parent/top）*.title=text/string（提供说明，鼠标移到此处可能显示文字）*.width=n（宽度）#.<noframes>...</noframes>*.无视框显示的内容（如果浏览器不提供视框功能的话显示此内容）6.表单的建设#.<form>...</form>(标记在HTML上构造格式的信息)*.action=url（连接一个网址）*.class=classname（映像对应的类）*.enctype=encoding（设置浏览器向服务器发送的表单类型）*.id=value（用户映像标记）*.lang=language*.method=get（默认值）/post*.name=name（项目名称）*.style=css 1-properties*.target=window_name/_blank/_parent/_self/_top*.title=text/string（提供说明，鼠标移到此处可能显示文字）*.accept-charset=charsets（处理程序支持的字符编码表）*.onsubmit=script（表单发送后要执行的脚本）*.onreset（重置后要执行的脚本）Eg.<form action=/find.cgi method=post>The form definition would appear here.</form>#.<input>...</input>(接受用户数据输入的格式内定义输入数据区)*.accesskey=key（定义一组快捷键）(character)（隐藏类型）*.class=classname（映像对应的类）*.disabled（该输入项被禁用）*.id=value（用户映像标记）*.lang=language*.language=JA V Ascript/JSscript/VBscript/VBS(编程语言）*.maxlength=n（输入文本的最大长度）*.name=name（此项目名称,储存输入的信息）*.readonly（只读）*.size=n（输入域的宽度）*.src=url（指出图像源,建立一个链接,链接url/blank/self/parent/top）*.style=css 1-propertie*.tabindex=n（定义TAB键遍历的顺序）*.title=text/string（提供说明，鼠标移到此处可能显示文字）*.type=button/checkbox/file/hidden/image/password/radio/reset/submit/text（输入信息的格式）*.value=value（提供输入信息的默认值）*.checked（对应的框被选择）*.align=对齐方式*.alt=text（替换文本）*.usemap=url（用户端图像映射）*.disabled（该输入项被禁用）*.accept=contenttypes（可接收的媒体类型表）*.onfocus=scirpt（执行脚本）*.onchange=script（执行脚本）*.onselect=script*.onchange=script（执行脚本）#.<input type=?>...</input>*.text（文本框）*.password（口令,类似text，但输入的文字以*显示）*.checkbox（复选框）*.radio（单选按钮）*.method=post*.submit（提交按钮）*.reset（复位按钮）*.file（附加文件）*.hidden（隐藏字段）*.value=myfield*.image（图像字段）*.size=n（栏位宽度）*.maxlength=最长字数*.button（按钮）Eg1.<form method=post action=程序><input type=submit name=mychoice1 value=学校介绍></input>Eg2.<input type=image name=myname size=40Src=url（建立一个链接,链接url/blank/self/parent/top）align=对齐方式#.<option>...</option>(生成格式选择结果)*.class=classname（映像对应的类）*.id=value（用户映像标记）*.language=JA V Ascript/JSscript/VBscript/VBS(编程语言）*.selected（将一个选项设置成默认结果）*.title=text/string（提供说明，鼠标移到此处可能显示文字）*.value=value.string*.disabled（使一个选项不可用）*.label=text（定义一个选项标签）#.<optgroup>...</ optgroup >*.label=text（定义一个选项标签）*.disabled（使一个选项不可用）#.<label>...</ label >(为接收事件的元素[如用户按钮]定义一个标号) *.accesskey=key（定义一组快捷键）*.class=classname（映像对应的类）*.dateformatas=html/text*.datesrc=#id*.datefld=colname*.for=id*.id=value（用户映像标记）*.lang=language*.language=JA V Ascript/JSscript/VBscript/VBS(编程语言）*.style=css 1-properties*.title=text/string（提供说明，鼠标移到此处可能显示文字）Eg.<label for=username>用户名</label><input id=username type=text>输入</input>#.<button>...</button>*.accesskey=key（定义一组快捷键）*.class=classname（映像对应的类）*.dateformatas=html/text*.datesrc=#id*.datefld=colname*.disabled*.for=id*.id=value（用户映像标记）*.lang=language*.language=JA V Ascript/JSscript/VBscript/VBS(编程语言）*.style=css 1-properties*.title=text/string（提供说明，鼠标移到此处可能显示文字）*.type=button/reset/ submitEg.<button type=text>reset me!</button>7.颜色设定#.<body background=gif/jpg>...</body>#.bgcolor=RGB（背景色）#.text=RGB（背景文字颜色）#.link=RGB（未链接颜色，默认为蓝色）#.vlink=RGB（已连接颜色，默认为紫色）#.alink=RGB（正在连接的颜色）8.链接#.<base>……</base>（说明一个基本URL）*.class=classname（映像对应的类）*.href=url（建立一个超链接）*.id=value（用户映像标记）*.lang=language*.target=window_name/_blank/_parent/_self/_top*.title=text/string（提供说明，鼠标移到此处显示文字）Eg.<base href=htto://host/file.html><a href=file.html>*.其两个语句为同一个路径#.<link>……</link>（将两个文档连接到一起，如同使用全局CSS格式页时）*.disabled*.href=url（建立一个超链接）*.id=value（用户映像标记）*.rel=stylesheet（单定义文档和所链接资源之间的正向关系）*.title=text/string（用于描述链接的字符串）*.type=text/cssEg.<link rel=stylesheet href=mystyle.css type=text/css>#.<adress>……</adress>（说明一个页面热点或响应页面管理部份的地址，括在标志内的文本为斜体）*.class=classname（映像对应的类）*.id=value（用户映像标记）*.lang=language*.language=JA V Ascript/JSscript/VBscript/VBS(编程语言）*.style=css 1-properties*.title=text/string（提供说明，鼠标移到此处可能显示文字）Eg.<address>dgublran@</address>#.<applet>……</applet>（在WEB页面上放置一个可执行的标志，可以是ActiveX或者是Java applets 的形式，但不局限于这个形式）*.align=absbottom/baseline/absmiddle/center/left/right/bottom/middle/top/texttop*.alt=text*.class=classname（映像对应的类）*.code=filename*.codebase-=url*.datafld=colname*.datasrc=#id*.height=n（高度）*.hspace=n(上下留白大小）*.id=value（用户映像标记）*.name=name（项目名称）*.src=url（建立一个链接,链接url/blank/self/parent/top）*.style=css 1-properties*.title=text/string（提供说明，鼠标移到此处可能显示文字）*.vspace=n(左右留白大小）*.width=n（宽度）Eg.<applet code=myjava.class name=myAppletWidth=500 height=500></applet>9.开头标签#.<html>……</html>（说明由超文本标记语言定义的文档内容）#.<style>……</ style >（此标志和级联格式页一起用来建立的格式属性）*.diabled/*.title=text/string（提供说明，鼠标移到此处可能显示文字）*.type=text/cssEg.<style>P{color:red;font-family:sans-serif}H3{color:blue}</style>#.<head>……</head>（说明HTML文档的内部。