|
HTML语言代码 A 语言结构
1．<!Doctype…> 用于定义HTML文件的类型。 如： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 表明DTD(Document Type Definition)由W3C制订，HTML版本为4.0，使用的语言为英语。
2．<HTML>…</HTML> 定义HTML文件的开始和结束。
3．<HEAD>…</HEAD> 出现在HTML文件的起始部分，用来表明文件的标题等有关信息。
4．<BODY>…</BODY> BODY元素是HTML文件的主体，可以理解成除标题以外的所有部分。 <BODY>标记可以包含的属性有：
BODYGROUND：指定一个图像资源作为网页的背景图案；
TEXT：取颜色值，设置文本文字的颜色；
LINK：取颜色值，设置未被访问过的链接指示文字的颜色；
VLINK：取颜色值，设置已被访问过的链接指示文字的颜色；
ALINK：取颜色值，设置被用户选中的链接指示文字的颜色；
BGCOLOR：取颜色值，设置网页的背景颜色；
ONLOAD：事件处理，当打开网页时，事件ONLOAD发生；
ON UNLOAD：当当前网页移去到另一个网页时，事件ONUNLOAD发生； 基本用法如下： <BODY aLink=#cc0000 bgColor=#ffffff link=#0000ff text=#0f0000 topMargin=5 vLink=#0000aa marginheight="5">
B 文件头部
HTML文件头部位于<HTML>和</HTML>之间，内容包括标题名、创作信息等。
1．<BASE> 这是一个单标记，为网页中出现的URL设定相对引用的基路径，必须出现在任何引用外部资源的元素之前，用法如下： <BASE HREF=”http://www.” >
2．<ISINDEX> 用于在浏览器上建立一个交互索引框。如： <ISINDEX prompt=”搜索输入”>
3．<LINK> 定义当前文件和另一文件或资源间的链接关系。用法如： <link rel="stylesheet" href="css.css" type="text/css">
4．<META> 用于指明HTML文件自身的一些信息，如文件制作工具、文件作者等。 使用的属性有：
Name：指定特性名；
Content：指定特性值；
http-equiv：定义标记的特性。用法如下： <META NAME=”keywords” CONTENT=”计算机,电脑,微机”>
5．<STYLE> 用于定义网页中文档的显示样式，用法如： <style type=”text/css”> .black {FONT-SIZE: 12px; COLOR: #000000}</style>
6．<TITLE>…</TITLE> 定义网页的窗口标题，用法如： <TITLE>标题名</TITLE>
7．<SCRIPT> 用来在网页中插入Script脚本。用法如： <script language="JavaScript"> function doclock() {window.setTimeout("doclock()",1000) today=new Date self.status=today.toString()}</script>
C 文本标记 文档格式
1．属性<BGCOLOR> 背景颜色
Black=”#000000” Green=”#008000” Silver=”#C0C0C0” Lime=”#00FF00” Gray=”#808080” Olive=”#808000” White=”#FFFFFF” Yellow=”#FFFF00” Maroon=”#800000” Navy=”#000080” Red=”#FF0000” Blue=”#0000FF” Purple=”#800080” Teal=”#008080” Fuchsia=”#FF00FF” Aqua=”#00FFFF”
2．属性<ALIGN> 给元素在浏览器显示中指定对齐方式，
属性值可取”left” （居左）、”center” （居中）、”right” （居右）、”justify” （撑满整行）。
3．<CENTER>…</CENTER> 使文本或图像居中。
段落标记 1． <P>…</P> 将指定文本作为一个段落，
用于分段 2． <BR> 强行给文本换行
注释 <!--内空--> 引进注释，说明文字
标题 <Hn>…</Hn> n级标题。其中n的取值可为1，2，…，6，<H1>是一级标题，字号最大，<H6>是六级标题，字号最小，如：<H4>电脑三维制作</H4>
字体与字号：
1．<B>…</B> 指定文本为粗体。
2．<I>…</I> 指定文本为斜体格式。
3．<U>…</U> 指定文本加上下划线。
4．<EM>…</EM> 强调某段文字，通常用斜体显示。
5．<STRONG>…</STRONG> 粗体显示，强调文本。
6．<TT>…</TT> 等宽体显示，标准打印机字体。
7．<CODE>…</CODE> 将程序代码显示成等宽字体。 如：<CODE>int x;x++;</CODE>
8．<KBD>…</KBD> 提示用户应该从键盘输入的文字，浏览器一般用等宽字体显示。
9．<SAMP>…</SAMP> 样本字体格式，常用于举例，浏览器一般用等宽字体显示。
10．<VAR>…</VAR> 参数或变量型字体，常显示为斜体。
11．<CITE>…</CITE> 书目或报刊杂志的标题引用，通常为斜体文字。
12．<BLOCKQUOTE>…</BLOCKQUOTE> 大段引用，通常为缩进编排。用法如： <BLOCKQUOTE>爱因斯坦说过：A=X+Y+Z，A代表成功… </BLOCKQUOTE>
13．<Q>…</Q> HTML4.0新增的标记，给指定文字加上引号，目前大部分浏览器还不支持<Q>标记。用法如： <Q LANG=”en”>Good Evening! </Q>
14．<DFN>…</DFN> 指定一个术语的定义。
15．<ADDRESS>…</ADDRESS> 地址型格式，用于地址、签名等，表现为斜体。
16．<PRE>…</PRE> 预格式化文本，元素<PRE>中的文本在浏览器中会以你键入时的编排格式显示。
17．<SUB>…</SUB> 指定文字为下标。
18．<SUP>…</SUP> 指定文字为上标。
19．<BIG>…</BIG> 大字体文本。
20．<BLINK>…</BLINK> 设定文本闪烁(只适用于Netscape Navigator)。 如：<BLINK>此处是闪烁的文本</BLINK>
21．<SMALL>…</SMALL> 指定一段文字为小字体(比当前字体小一号)。
22．<BASEFONT> 使用size属性，指定文档中文字的基准大小。用法如：<BASEFONT SIZE=”3”>
23．<FONT>…</FONT> 规定字体属性，使用的属性有：size、color等。 用法如：<FONT SIZE=1 COLOR=”#00A0FF”>字号3</FONT>
24．<STRIKE>…</STRIKE> 指定一段文字在浏览器中显示带删除线。 以下是上述元素的一些使用实例。
<BASEFONT size=2> <CITE><B>TCP/IP</B></CITE>是网络中使用的<FONT size=+1 color=#0000FF>基于软件的<BIG><EM>通信协议</EM></BIG></FONT>。从名字上看，<I><SMALL>TCP/IP</SMALL>包括两个协议：</I><SUP>传输控制协议</SUP>和<SUB>网际协议</SUB>， <STRIKE>但<VAR>TCP/IP</VAR>远非这两个协议组成的单个实体</STRIKE>,<U>而是一大批软件程序</U>， 它们提供诸如<STRONG><FONT size=-1 color="#00A0FF">远程登陆、远程文件传输和电子邮件</FONT></STRONG>等网络服务。 浏览器显示如图C-1
图C-1 画水平线 <HR> 在浏览器上显示一段水平线。 用法如： <HR SIZE=”5” WIDTH=”700” ALIGN=”CENTER”>
缩写 ：
1．<ABBR>…</ABBR> 将指定文字标记缩写，缩写形式为字母，用法如： <ABBR TITLE=”World Wide Web”>WWW</ABBR>。
2．<ACRONYM>…</ACRONYM> 将指定文字标记缩写，缩写形式为单词。
文档更新：
1．<INS>…</INS> 当对网页某些内容进行更新时，可以将指定文字标记为插入修改的新内容。
2．<DEL>…</DEL> 当对网页某些内容进行更新时，可以将指定文字标记为删除的旧内容。
模块元素：
1．<DIV>…</DIV> 用于将文本划分成不同的部分，使用Align属性(值可为left、right和center)为各个段落指定不同的对齐方式。如： <DIV Align="Center">日照香炉生紫烟<BR> 遥看瀑布挂前川</DIV>
2．<SPAN>…</SPAN> 用于将文本划分成不同的部分，使用Align属性(值可为left、right和center)为某行文字指定不同的对齐方式或CLASS属性。如： <SPAN Align="Center">日照香炉生紫烟</SPAN> <SPAN Align="Left" CLASS=”myclass”>遥看瀑布挂前川</SPAN>
列表 ：
1．<OL>…</OL> 定义带序号的列表，即有序列表。如： <H3>Internet介绍</H3> <OL> <LI>WWW <LI>HTTP <LI>TCP/IP <LI>浏览器 </OL> 浏览器显示如图C-2
2．<UL>…</UL> 定义无序列表，用<LI>定义表项。
3．<LI> 用于定义表项。
4．<DL>…</DL> 与<DD>和<DT>元素配合使用，定义项目列表。
5．<DT> 定义项目，特点是换行和左对齐。 以下是<DL>，<DD>和<DT>的一个应用实例。 <DL> <DT>WWW <DD>WWW(World Wide Web的缩写)是一种把Internet上的资源全部连接起来,... <DT>HTTP <DD>HTTP(HyperText Transfer Protoco的缩写)是专门为传输HTML页面的一种网络协议. </DL> 浏览器显示如图C-3
6．<DD> 定义项目内容，特点是换行、不带记号和缩进左对齐。
7．<DIR>…</DIR> 建立目录表，作为无序列表，在HTML中推荐使用<UL>标记。
8．<MENU> 定义菜单列表，作为无序列表，在HTML中推荐使用<UL>标记。
D 超文本链接标记
1． <A>…</A> 用于创建超文本链接，可以使用的属性有：
Href：指定一个url作为有效的链接资源地址。
Name：指定一个字符串作为链接时可以使用的位置名称。
Target：用于设置所链接的文件显示在指定的窗口。
Rel：用来指定源端在当前文件的链接。
Rev：用来指定目的端在当前文件的链接，与Rel一样，对A元素它们都不是必须的。
以下是<A>…</A>的一个使用实例。 <p><A href="right.htm">我的主页</A></p> <p><A Href="KeyGif.gif" target="New Window">作品欣赏</A></p> <p><A Href="mailto:cwzjy@163.com">最新动态</A></p> <p></a><A href="http://www.">友情链接</A></p>
2． <MAP>…</MAP> 为客户端的图像映像指定链接。使用的属性为Name。
3． <AREA>…</AREA> 用于定义热区或区域。使用的属性有： Shape：定义形状，属性值可为rect、circle、polygon、default。 Coords：定义一个以逗号分隔的坐标列表。 使用形式如下： <IMG SRC="KeyGif.gif" usemap="#myMAP"> <MAP name="myMAP"> <AREA shape="circle" coords="30,30,30" href="temp.html"> <AREA shape="rect" coords="10,10,100,100" href="temp.html"> </MAP>
E 制表元素
1．<CAPTION>…</CAPTION> 为表格定义一个标题，使用属性Align指定标题的位置。
2．<TABLE>…</TABLE> 定义一个表格，可以使用以下属性：
Align=”left/right”：表格在页面的位置。 Border=value：设定边框的粗细，value取整数，单位为像素。
Bordercolor=color：设置边框线颜色。
Bordercolordark=color：设定边框的亮度(暗色)。
Bordercolorlight=color：设定边框的亮度(亮色)。
Cellpadding=pixels：设置表元四周格线和数据之间的距离。
Cellspacing=pixels：设定两个表元间隙。
3．<TBODY>…</TBODY> 表格主体段。在一个表格<TABLE>元素中，可以重复出现多次。
4．<TD>…</TD> 表格数据单元，即表格数据写在<TD>和</TD>之间。
5．<TFOOT>…</TFOOT> 表格注脚段。
6．<TH>…</TH> 表格的表头内容。
7．<TR>…</TR> 指定表格一行，每个<TR>必须包含一个以上的<TH>或<TD>元素。
8．<THEAD>…</THEAD> 表格标题，在一个表格<TABLE>元素中，只能出现一次。
9．<TFOOT>…</TFOOT> 表格脚注，在一个表格<TABLE>元素中，只能出现一次，必须写在<TBODY>之前。
10、<COLGROUP>…</COLGROUP> 定义表格内的一个列组，其主要作用是从结构上划分表格。 用法如下：<COLGROUP SPAN=”10” WIDTH=”40”><COL ID=”1”></COLGROUP>定义一个10列，每列宽度均为40像素的列组。
11、<COL> 定义表格中各列的属性，它可出现在列组<COLGROUP>元素内，也可出现在列组外。
F 其他对象
1．<BGSOUND> 为HTML文件指定背景声音(适用与Microsoft Internet Explorer)，使用的属性有：.
Src：指定声音文件的url。
Loop：声音播放的次数，若为-1或Infinite，则一直播放下去。
2．<IMG> 用于将图像嵌入HTML文件。使用的属性有：
Src：指定图像的url。
Alt：指定当浏览器尚未完全读入图像、或浏览器不支持内联图像、或用户为加快浏览速度设置不显示图像时，在图像位置显示的说明性的文字。
Align：指定图像的对齐和布局方式。可取值为：top、texttop、middle、absmiddle、baseline、bottom、absbottom。
Hspace：设定图像与文本之间水平方向的空白。
Vspace：设定图像与文本之间垂直方向的空白。
Border：用于给图像加边。
Height和Width：用于指定图像大小。 举例如下： <B>右边是一幅图像</B> <IMG SRC="KeyGif.gif" Alt="此处是Gif图像" Align=middle Border='2' Height="120" Width="160" Hspace="5">.
3．<OBJECT>…</OBJECT> 是HTML4.0新增的元素，用来控制是否由外部程序来处理数据。可以使用的属性有：
CLASSID：取值URL，指定对象从何位置装入，插入对象时，此属性必不可少。
CODEBASE：取值URL，指定底层路径，缺省值是当前网页的底层URL。
CODETYPE：当下载由属性CLASSID指定的对象时，该属性指定预期数据的内容类型。
DATA：取值URL，指定对象的数据位置。
TYPE：指定由属性DATA给出的数据的内容类型。
ARCHIVE：给出一个由空格隔开的URL列表，这些URL给出了与对象相关的资源的存档位置，也可以包括属性CLASSID和DATA指定的资源。
DECLARE：布尔性属性。
STANDBY：属性值是一段文本。
NAME：利用表单提交对象时，NAME属性指定控件名。
TABINDEX：正整数型值，取值限于（含）0-32767之间。指定对象在文档中的遍历次序。
HEIGHT：指定对象在浏览器中显示区域的高度，以百分比或像素为单位。
WIDTH：指定对象在浏览器中显示区域的宽度，以百分比或像素为单位。
ALIGN：指定页面中对象与上下文的对齐方式或浮动位置，可取的值为：bottom、top、middle、left、right。
BORDER：取整数值。指定对象四周的边框宽度，以像素为单位。
HSPACE：取整数值。指定对象左右应留的空，以像素为单位。
VSPACE：取整数值。指定对象上下应留的空，以像素为单位。
USEMAP：取URL值，为对象建立客户端Image map。
4．<PARAM> 在<OBJECT>元素中，给出运行时需要的数据。 用法如下：<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="530" height="80"> <param name="movie" value="../img/DV.swf"> <param name="quality" value="high"> <embed src="../img/DV.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="530" height="80"></embed></object>
5．<APPLET>…</APPLET> 用于在网页中插入JAVA程序。 用法如下：<APPLET CODE=”Bubbles.class” WIDTH=”300” HEIGHT=”300”> Java applet that draws animated bubbles </APPLET>
G 框架元素
1．<FRAME> 定义一个框架窗口，使用的属性如下。
Frameborder=“yes/no”：指定框架有无边框。
Marginwidth=pixels：框架内容和框架左、右边框之间的空白。
Marginheight=pixels：框架内容和框架上、下边框之间的空白。
Scrolling=“yes/no/auto”：是否加入滚动条。
Name：指定框架名。
Src=url：指定源文件。
2．<Frameset>…</Frameset> 定义框架集，即整体框架，使用的属性如下。
Cols：按纵向将窗口划分成几个框架。
Rows： 按横向将窗口划分成几个框架。
3．<NOFRAMES>…</NOFRAMES> 为不能显示框架的浏览器指定替换显示内容。 以下是框架的一个实例： <FRAMESET cols=140,* frameSpacing=0> <FRAME marginHeight=10 marginWidth=5 name=folder src="myFree.files/ldapapp.html" target="rtop"> <FRAME name=main Frameborder="NO" src="D:\My Intranet\myFree.files\ldapapp(1).html" target="rbottom"><NOFRAMES> <body bgcolor=#ffffff> <p>This page uses frames, but your browser doesn't support them.</p> </body> </NOFRAMES></FRAMESET>
4．<IFRAME>…</IFRAME> 用来在一块文本中插入一个子窗口。 用法如下： <IFRAME SRC=”title.html” WIDTH=”400” HEIGHT=”300” ALIGN=”LEFT” SCROLLING=”yes” FRAMEBORDER=”1”>如果您的浏览器不支持FRAME，你可以访问<A HREF=”title.html”>相关文档</A></IFRAME>
H 表单元素
1．<FORM>…</FORM> 在文档中产生表单，使用的属性如下。
Action=url：设定处理表单数据的url。
Method=get/post：说明如何处理表单数据。
2．<INPUT>…</INPUT> 用于设计输入控件。使用的属性如下：
Type：指定控件的类型。可以选择的属性值为text、checkbox、radio、submit、reset、image等。
Size=n：控件的大小。
Name：指定控件的名称。
Maxlength=nchars：限定用户所能输入的最多字符数目。
3．<OPTION>…</OPTION> 为由SELECT定义的列表控件定义一个选项，使用的属性如下。
Selected：该选项被预置。
Value=n：用户选中某选项后的返回值。
4．<SELECT>…</SELECT> 用于定义列表框。 以下是SELECT和OPTION的一个使用实例。 <TD><SELECT name=node_id size=1> <OPTION selected value=11>杭州</OPTION> <OPTION value=12>温州</OPTION> <OPTION value=31>嘉兴</OPTION> <OPTION value=32>绍兴</OPTION> <OPTION value=34>宁波</OPTION> </SELECT></TD>
5．<TEXTAREA>…</TEXTAREA> 定义多行文本输入框，使用的属性如下。
Name：指定控件名。
Cols=n：文本框的列数。
Rows=n：文本框的行数。
6．<BUTTON>…</BUTTON> 创建按钮。用法如： <BUTTON NAME=”submit” VALUE=”submit” TYPE=”submit”>发送至<IMG SRC=”/images/wow.gif” ALT=”wow”></BUTTON>
7．<OPTGROUP>…</OPTGROUP> HTML4.0新增的元素，用于对选项进行分组，将相关的选项组合在一起。
8．<ISINDEX> 创建单行文本输入控件。用法如： <ISINDEX PROMPT=”输入关键词，关键词之间用空格隔开：”>
9．<LABEL>…</LABEL> 用来为无法用VALUE属性值指定标签的控件指定标签。 用法如： <LABEL FOR=”kword”>关键词：</LABEL><INPUT TYPE=”text” NAME=”keyword” ID=”kword”>
10．<FIELDSET>…</FIELDSET> 将主题相关的控件和标签组合在一起。
11．<LEGEND>…</LEGEND> 用来给<FIELDSET>元素指定标题。<LEGEND>元素必须嵌套在<FIELDSET>中。 |
|
|
