网页设计试题及html代码
- 格式：doc
- 大小：66.50 KB
- 文档页数：14
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>标记对中才有效。
