html代码标记.doc

2.2.3 字型设置标记
功能：设置文字的风格，如黑体、斜体、带下划线等，这是一组标记，它们可以单独使用，也可以混合使用产生复合修饰效果。常用的标记有以下一些：
<B>…</B> ：文字以粗体显示。
<I>…</I> ：文字显示为斜体。
<U>…</U> ：显示下划线。
<STRIKE>…</STRIKE> ：删除线。
<BIG>…</BIG> ：使文字大小相对于前面的文字增大一级。
<SMALL>…</SMALL> ：使文字大小相对于前面的文字减小一级。
<SUP>…</SUP> ：使文字成为前一个字符的上标。

<SUB>…</SUB>：使文字成为前一个字符的下标。
<BLINK>…</BLINK>：使文字显示为闪烁效果。
<TT>…</TT>：以等宽体显示西文字符。
<CITE>…</CITE>：输出引用方式的字体，通常是斜体。
<EM>…</EM>：强调文字，通常用斜体加黑体。
<STRONG>…</STRONG>：特别强调的文字，通常也是斜体加黑体。
注：有些标记的效果必须在动态环境下才能显示，例如<BLINK> 标记。
【例2-4】 字型设置标记的应用。
例如单标记<HR>表示在文档当前位置画一条水平线，一般是从窗口中当前行的最左端一直画到最右端，它可以带这么一些属性：<HR size=“3” align=“LEFT” width=“75%”>。

功能：设置网页中普通文字的显示效果。
格式：<FONT face=“字体” size=“字号” color=“颜色”>文字</FONT>。
格式：<Hn align=“对齐方式”>标题内容</Hn>。
属性：n 表示标题字号的级别，可以是1～6之间的任意整数，数字越小，字号越大。
段落标记
功能：设置文章段落的开始和结束。浏览器在解释HTML文档时，会自动忽略文档中的回车、空格以及其他一些符号，所以在文档中输入回车，并不意味着在浏览器内将看到一个不同的段落，当需要在网页中插入新的段落时，可以使用段落标记，它可以将标记后面的内容另起一段。
格式：<P align=“水平对齐方式”>…</P>。

强制换行标记
功能：另起一行显示文字。
格式：<BR>
插入水平线标记

功能：在页面上画横线，可用于页面上内容的分割。
格式：<HR width=“value1” size=“value2” align=“value3” color=“color1” noshade>
1．无序列表
功能：设置无序列表。
格式：
<UL type=“加重符号类型”>
<LI type=“加重符号类型”>列表项目1
<LI type=“加重符号类型”>列表项目2
属性：在无序列表的开始和结束处，分别是<UL>和</UL>标记，每一项列表条目之前必须加上<LI>标记。type 属性表示在每个项目前显示加重符号的类型，共有三种选择：type=“disc”时，列表符号为“●”（实信圆），type=“circle”时，列表符号为“○”（空心圆），type=“square”时，列表符号为“■”（实心方块）。<UL>和<LI>标记都可以定义type参数，使得在一个列表中，不同的列表项目可以用不同的列表符号，但一般情况下不要这样设置。

2．有序列表

功能：设置有序列表。
格式：
<OL type=“序号类型”start=“起始号码”>
<LI type=“序号类型”>列表项目1
<LI type=“序号类型”>列表项目2
……
</OL>。

属性：在有序列表的开始和结束处，分别是<OL>和</OL>标记，每一项列表条目之前必须加上<LI>标记。type 属性表示在每个项目前显示的序号类型，其值可以为1（阿拉伯数字）、A（大写英文字母）、a（小写英文字母）、I（大写罗马字母）、i（小写罗马字母）。start 用于设置编号的开始值，默认值为1，<LI>标记设定该条目的编号，其后的条目将以此作起始数目逐渐递增。
说明：无序列表和有序列表可以嵌套，产生缩进的、有层次的列表项目。
【例2-9】 有序列表标记的应用。
功能：在页面中制作文字滚动的效果。
格式：<MARQUEE behavior =“value” bgcolor =“color” direction =“value” height =“value” width =“value” loop =“value ” scrollamount =“value ” scrolldelay =“value” hspace=“value” vspace=“value”>滚动文字</MARQUEE>。
属性如下。
（1） behavior ：设置文字滚动方式。共有三种滚动方式供选择：behavior =“alternate”时，文字将交替进行滚动；behavior =“scroll”时，文字将循环往复滚动；behavior =“slide”时，文字将只进行一次滚动。
（2）bgcolor ：为滚动文字添加背景颜色。

（3）direction ：设置文字滚动的方向，value的取值可以为up、down、left和right四种，分别表示滚动文字的方向向上、向下、向左和向右。
（4）height和width：设置文字滚动的区域，取值为点数或相对于窗口的百分比。
（5）loop ：设置文字滚动的循环次数。默认值为-1，-1表示无限次循环次数。
（6）scrollamount ：调整文字滚动的速度，数值越大速度越快。
（7）scrolldelay ：设置在每一次滚动的间隔产生一段时间的延迟，数值越大延迟越长。
（8）hspace和vspace ：设置文字滚动的水平垂直空间。

<IMG>的图像标记功能
功能：在当前位置插入图像。
格式：
<IMG src=“image-URL” alt=“简单说明” longdesc=“详细说明” width=“x” height=“y” border=“边框长度” hspace=“x” vspace=“y” align=“对齐方式”>。
<IMG>的视频标记功能
利用<IMG>还可以变相的插入视频
功能：在网页中加入视频信息，格式一般为*.AVI。
格式：<IMG src=“image-URL” dynsrc=“avi-URL” loop=“n” start=“开始时间” controls loopdelay=“时间间隔”>。

2.3.2 背景音乐标记
功能：在网页中加入声音，声音文件格式可以为*.wav或*.mid。
格式：<BGSOUND src=“声音文件的URL地址”loop=“value”>。
属性：src指明声音文件的 URL地址。 loop控制播放次数，取 -1或INFINITE时，声音将一直播放到浏览者离开该网页为止。

2.3.3 多媒体标记
功能：在页面中放置如SWF动画（即Flash动画）、MP3音乐、电影等多种多媒体内容。
格式：<EMBED src=“file_URL” height=“value” width=“value” hidden=“hidden_value” autostart=“auto_value” loop=“loop_value”></EMBED>
属性如下。
（1）src ：指明多媒体文件所在的路径，可以插入的常见的多媒体文件包括SWF动画、MP3音乐、MPEG格式的视频和AVI格式的视频。

功能：建立超链接。
格式：<A href=“file-URL” target=“value”>显示的文本或图像</A>。

2.5 HTML的表格标记

表格可以将文本和图像按一定的行和列规则进行排列，以便更好地表示长信息，有利于快速查找信息。表格内的格子称为单元格。表格标记对于制作网页是很重要的，现在很多网页都使用多重表格，主要是因为表格不但可以固定文本或图像的输出，而且还可以任意的进行背景和前景颜色的设置，使页面有很多意想不到的效果，使页面更加整齐美观。表格标记的构成如下：
功能：建立基本表格。

格式：

<TABLE summary=“文字” bgcolor=“color1” background=“Image-URL” border=“n” bordercolor=“color2” width=“x或x%” height=“x或x%” align=“LEFT/RIGHT/CENTER”>
<CAPTION align=“TOP/BOTTOM/LEFT/RIGHT”>表题（表格说明）</CAPTION>
<TR>
<TH>表头1</TH><TH>表头2</TH>……….<TH>表头n</TH>
</TR>
<TR>
<TD>表项1</TD><TD>表项2</TD>……….<TD>表项n</TD>
</TR>
<TR>
<TD>表项1</TD><TD>表项2</TD>……….<TD>表项n</TD>
</TR>
……
</TABLE>。
（1）<TABLE></TABLE>标记对用来创建一个表格。
<CAPTION>…</CAPTION>表示对表格标题的说明

<TR>…</TR>定义行，该标记中的内容显示在一行，此标记对只能放在<TABLE></TABLE>标记对之间使用，而在此标记对之间加入文本将是无用的，因为在<TR></TR>之间只能紧跟<TD></TD>标记对才是有效的语法；<TD></TD>标记对用来创建表格中一行中的每一个格子，此标记对也只有放在<TR></TR>标记对之间才是有效的，输入的文本也只有放在<TD></TD>标记对中才有效。
（4）<TH>…</TH> 用来设置表格头，表头的每一列需用一个<TH>标记，通常是黑体居中文字。

（5）<TD>…</TD>用来定义表格内容的一列，与<TH>的区别是内容不加黑显示。

说明：
（1）< TABLE>中bgcolor、background、align、height、width等属性可以放在TD标记中，作为单元格的属性。
（2）一行的开始表示前一行的结束，一列的开始表示前一列的结束，所以<TR>、<TH>、<TD>均可以作单标记使用。
（3）<TH>标记还可以用于每行的第一列，设置列标题。
（4）<CAPTION>、<TH>、<TD>标记之间可以嵌套其他格式标记，如<P>、<FONT >等。
（5）单元格内容可以是文字，也可以是图像。

（6）表格可以嵌套，通过表格嵌套可以产生复杂的表格。
（7）<TR>还有align和valign属性。align是水平对齐方式，取值为LEFT(左对齐)、CENTER(居中)、RIGHT(右对齐)；而valign是垂直对齐方式，取值为TOP(靠顶端对齐)、MIDDLE(居中间对齐)或BOTTOM(靠底部对齐)。
1．表单标记<FORM>
2．输入标记<INPUT>

输入标记<INPUT >是表单中最常用的标记之一。该标记用来定义一个输入区，可在其中输入信息，此标记必须放在<FORM></FORM>标记对之间。
格式：<INPUT name="field＿name" type="type＿name">。
3．菜单和列表标记<SELECT>和
<OPTION>
文本框标记<TEXTAREA>
<TEXTAREA></TEXTAREA>表示创建一个可以输入多行的文本框，可以在其中输入更多的文本，此标记对放在<FORM></FORM>标记对之间。
格式：<TEXTAREA name="name" rows="value" cols="value"></TEXTAREA >
1．框架集标记<FRAMESET>框架主要包括两个部分，一个是框架集，另一个就是框架。框架集是在一个文档内定义的一组框架结构的HTML网页。框架集定义了在一个窗口中显示的框架数、框架的尺寸、载入到框架的网页等。而框架则是指在网页上定义的一个显示区域。在使用了框架集的页面中，页面的<BODY>标记被<FRAMESET>标记所取代，然后通过<FRAME>标记定义每一个框架。

功能：定义分割窗口，用来定义主文档中有几个框架并且各个框架是如何排列的。
格式：<FRAMESET cols="value，value，…" rows="value，value，…" framespacing="value" bordercolor="Color＿value">…</FRAMESET>。

属性如下。
（1）cols：左右分割窗口（用“，”分割，value为定义各个框架的宽度值，单位可以是百分数、绝对像素值或星号(“*”)，其中星号表示剩余部分）。
（2）rows：上下分割窗口（用“，”分割，value为定义各个框架的宽度值，单位可以是百分数、绝对像素值或星号(“*”)，其中星号表示剩余部分）。
（3）framespacing：设定框架集的边框宽度。
（4）bordercolor：设定框架集边框颜色。

框架标记<FRAME>