当前位置:文档之家› HTML标签解析手册

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文档的内部。

相关主题