---

　　HTML语言的另一个重要特点就是能够把文本、图像、动画、音乐等多种媒体相结合，设计出图文并茂、动静结合的页面。这一章我们将介绍如何制作一个完整的丰富多彩的网页。
4.1语言字符集
　制作网页的时候，首先需要定义网页语言，以便访问者浏览器自动设置语言。一般情况下，我们都是取默认值。语言字符集的定义在网页首部〈head〉〈/head〉部分完成，基本格式是：
　gb2312代表简体中文，也可以根据需要选取其它语言。
　　也可以在HTML标记中用LANG属性规定当前标记使用的语言，语法分析软件可以使用这个属性对引用、数字等来确定如何显示特定语言选项。
4.2文字颜色及风格
　　HTML语言用〈font〉标记定义文本的字体。〈font〉标记有多种属性用于定义字体字面、尺寸和颜色等，常用的〈font〉标记属性有：
<FACE 设置当前字体的字面，一般为逻辑值，如：隶书、宋体等。
　　Color 设置字体所使用的颜色。在html中，颜色通常采用6位16进制数值，格式为#xxxxxx，第一二位表示红色值，三四位为绿色值，五六位代表蓝色值，#000000代表黑色，#FFFFFF是白色。颜色也可以用逻辑值表示，如：black（黑色），olive（橄榄色），teal（呈绿色的蓝色），red（红色），blue（蓝色），maroon（栗色），navy（藏青色），gray（灰色），white（白色），green（绿色），purple（紫色），yellow（黄色），aqua（浅绿色）等。
<SIZE 设置字体尺寸，值在1到7之间（7最大）。置文本的字号有两种办法，一种是设置绝对字号，〈font size=±n〉。用第二种方法时“＋”号表示字体变大，“－”号表示字体变小。

例：网页中有一段文字，要求字体字面为隶书，显示颜色为#008800，字体大小为2号，HTML源代码如下： 〈font size="2" color="#008000" face="隶书"〉网页中有一段文字，要求字体字面为隶书，显示颜色为#008000，字体大小为2号〈/font〉 显示效果： 网页中有一段文字，要求字体字面为隶书，显示颜色为#008000，字体大小为2号

　　还可设置字体的风格。常用逻辑风格的HTML标记有：
　　〈b〉〈/b〉 表示粗体
　　〈i〉〈/i〉 表示斜体
　　〈u〉〈/u〉 加下划线
　　〈strike〉〈/strike〉 加删除线
　　〈blink〉〈/blink〉 文字闪烁
　　〈sup〉〈/sup〉 上标
　　〈sub〉〈/sub〉 下标
　　〈strong〉〈/strong〉 表示特别强调
　　〈em〉〈/em〉 表示强调
　　〈code〉〈/code〉 源代码
　　〈samp〉〈/samp〉 例子
　　〈kbd〉〈/kbd〉 键盘输入
　　〈var〉〈/var〉 变量
　　〈dfn〉〈/dfn〉 定义
　　〈cite〉〈/cite〉 引用
　　〈small〉〈/small〉 较小
　　〈big〉〈/big〉 较大
　　〈blink〉〈/blink〉 使文本闪烁，闪烁频率为１秒钟一次
　　例：各种风格字体的HTML代码及其显示效果。
　　〈b〉字体风格〈/b〉 字体风格
　　〈i〉字体风格〈/i〉 字体风格
　　〈u〉字体风格〈/u〉 字体风格
　　〈tt〉字体风格〈/tt〉 字体风格
　　〈sup〉字体风格〈/sup〉 字体风格
　　〈sub〉字体风格〈/sub〉 字体风格
　　〈s〉字体风格〈/s〉 字体风格
　　〈strike〉字体风格〈/strike〉 字体风格
　　〈em〉字体风格〈/em〉 字体风格
　　〈strong〉字体风格〈/strong〉 字体风格
　　〈code〉字体风格〈/code〉 字体风格
　　〈samp〉字体风格〈/samp〉 字体风格
　　〈kbd〉字体风格〈/kbd〉 字体风格
　　〈var〉字体风格〈/var〉 字体风格
　　〈dfn〉字体风格〈/dfn〉 字体风格
　　〈cite〉字体风格〈/cite〉 字体风格
　　〈small〉字体风格〈/small〉 字体风格
　　〈big〉字体风格〈/big〉〈/body〉 字体风格
　　4.3页面风格设计
　〈body〉元素可以用来设置网页的背景图像、 背景颜色、链接颜色和页面的顶页边空白与左页边空白。基本语法：
　　〈BODY
　　ALINK= color
　　BACKGROUND=url
　　BGCOLOR= color
　　BOTTOMMARGIN=pixels
　　LEFTMARGIN= pixels
　　LINK= color
　　RIGHTMARGIN= pixels
　　TEXT= color
　　TOPMARGIN=n
　　BLINK= color
　　〉……〈/body〉
　　其中，
　　BACKGROUND=url 规定背景图像，该图铺在页面的文本和图形之后；
　　ALINK= color 设置激活链接的颜色；
　　GACKGROUND=color 设置页面的背景颜色；
　　LINK= color 尚未被访问的链接颜色；
　　TEXT= color 规定页面的文本颜色；
　　VLINK= color 已经被访问的链接颜色；
　　BOTTOMMARGIN=pixels 为整个页面规定底页边空白，单位为象素，默认页边为空白。如果设置为“0”或“”，则底边空白就是窗口或者帧的底边空白；
　　LEFTMARGIN= pixels 规定整个页面的左页边空白；
　　RIGHTMARGIN= pixels 设置整个页面的右页边空白；
　　TOPMARGIN= pixels 规定整个页面体的顶边空白。

例：设计一个网页，要求有背景图片，背景颜色为，页面文本颜色，链接颜色为，激活链接颜色，已被访问链接颜色，上下左右页边空白为8，相应的HTML代码： 〈body topmargin="8" leftmargin="8" background="../images/bg.jpg" bgcolor="#FFFFFF" link="#000080" vlink="#008000" alink="#008080" text="#000080"〉 〈p〉〈a href="http://www.sina.com.cn"〉新浪网〈/a〉是一家服务于中国大陆及全球华人社群的大型网站 〈/body〉 页面效果：

　　4.4加入图像
　　要想使网页美观漂亮，在页面中插入图片是不可避免的。〈img〉元素的作用就是在文档中嵌套一个图像或一个视像片断，其基本语法格式如下：
　　〈IMG
　　SRC=url
　　ALIGN=ABSBOTTOM │ ABSMIDDLE │ BASELINE │ BOTTOM │ LEFT │ MIDDLE │ RIGHT │ TEXTTOP │ TOP
　　BORDER=n
　　HEIGHT= n
　　WIDTH= n
　　LOOP= n
　　USEMAP=url〉
其中
　　SRC==url 定义了图像的来源；
　　ALIGN 规定图像的对齐方式。对齐方式分水平对齐和垂直对齐，水平对齐指定了图像在页面中的布局，垂直对齐指的是图像与文本的对齐方式。属于水平对齐的有LEFT（左对齐）、MIDDLE（水平居中）和RIGHT（右对齐），属于垂直对齐的有ABSBOTTOM（相对底边对齐）、ABSMIDDLE（相对垂直居中）、BASELINE（与基线对齐）、BOTTOM（与底边对齐）、TOP（与顶边对齐）和TEXTTOP（与文本顶边对齐），默认值为LEFT。
　　BORDER＝n 规定在图像周围要画的边框宽度，以象素为单位；
　　HEIGHT＝n 定义图像的高度，和WIDTH一起规定图像的尺寸，可以用象素或百分数设，默认图像尺寸为原始大小；
　　WIDTH= n定义图像的宽度，和HEIGHT一起规定图像的尺寸，用法与HEIGHT相同；
　　LOOP＝ n 规定图像显示要循环的次数，LOOP="infinite" 表示不限制播放次数， n的默认只是1；
　　USEMAP＝url 指定与图像相关联的图像地图（参见3.5图象地图）

例1：在网页中插入一幅图片的HTML 〈img border="3" src="../images/wus.jpg" width="318" height="379"〉

例2：图像的对齐设置。 （1）〈img src=" images/sina_logo2.gif" align="right" 〉 （2）〈img src=" images/sina_logo2.gif" align="top" 〉 （3）〈img src=" images/sina_logo2.gif" align="middle" 〉 （4）〈img src=" images/sina_logo2.gif" align="bottom" 〉

　4.5网页中的多媒体
　　4.5.1设置背景音乐
　　〈bgsound〉标记的作用是建立带有背景声音或“声道”（soundtracks）页面。方法如下：
　　〈BGSOUND
　　BALANCE= n
　　LOOP= n
　　SRC=url
　　VOLUME= n〉
　　BALANCE=n 确定音量如何分配到左右扬声器中。这个属性的有效值范围为-10,000到+10,000，0是平衡的“波形输出”中心。
　　LOOP= n 规定声音在激活期间要循环多少次。LOOP="infinite" 表示不限制播放次数。
　　SRC=url 指定要播放的声音文件的路径。
　　VOLUME=n 确定页面背景声音的音量。n的有效值范围为-10,000到+10,000，0值表示全“波形输出”音量。
　　说明：在网页中可播放的音乐文件的格式有
　　4.5.2插入视频剪辑
　插入视频剪辑的基本方法是：
　　〈img src="url.gif" dynsrc="url.avi"〉
　　其中dynsrc指定了要播放的视频剪辑，src指定了作为视频封面的GIF 图象，在浏览器尚未完全读入 AVI 文件时，先在 AVI 播放区域显示该图象。
　　Start属性用于定义视频剪辑的播放起点，start="fileopen" 表示文件打开时即开始播放，是默认值，start="mouseover" 表示当鼠标悬停与播放窗口时开始播放，也可以两者并取start="fileopen,mouseover"。
　　Controls 规定在浏览器中显示控制条，默认取nocontrols。
　　Loopdelay 规定循环延迟时间，单位是毫秒，默认情况下loopdelay=0。
　　可播放的视频剪辑格式有*.avi ，*.asf ，*.ram 和*.rm等。

例：下边是在网页中播放视频剪辑的html代码 〈img border="0" dynsrc="waiting.avi" start="fileopen,mouseover" src="最真的梦/Cd-c05.gif" width="457" height="424" controls loopdelay="5" loop="infinite"〉

　4.5.3添加滚动字幕
　在很多网页中都有滚动字幕，下面我就看看滚动字幕是如何实现的。
　　滚动字幕的基本格式为：
　　〈marquee〉字符串〈/marquee〉
　　〈marquee〉标记有多个属性可以用来设置它的特性：
　　BEHAVIOR=ALTERNATE │ SCROLL │ SLIDE 规定在选取框中文本如何滚动。　　　ALTERNATE表示选取框文本左右交替。SCROLL指定选取框文本按　　　　　　　　DIRECTION=attribute（属性）中规定的方向滚动，文本滚动到终端后又重新开始。SLIDE规定选取框文本按DIRECTION=attribute规定的方向滚动，滚动到末段则停止。
　　BGCOLOR=color 设定选取框的背景颜色。
　　DIRECTION=LEFT │ RIGHT │ DOWN │ UP 确定文本要滚动的方向。
　　HEIGHT=n 设置选取框的高度，单位是像素或屏幕高度的百分比。
　　WIDTH=n 设置选取框的宽度，单位是像素或屏幕高度的百分比。
　　LOOP=n 规定文本滚动循环的次数。
　　SCROLLDELAY=n 设定字幕的滚动速度，单位是毫秒。

例：制作一个滚动字幕： 〈marquee align="middle" behavior="slide" bgcolor="#C0C0C0" direction="right" width="500" height="50"〉滚动字幕〈/marquee〉

　　4.5.4嵌入多媒体文本
　网页中允许嵌入各种其它类型的文档。嵌入多媒体文档的基本方法是：
　　〈embed src=url〉 〈/embed〉
　　src属性指定了要嵌入的文档。可以嵌入网页的多媒体文档有电影(movie), 声音(sound), 虚拟现实语言(vrml)等。
　　说明：要浏览嵌入多媒体文档的页面，用户需要在计算机上安装一个可以查看数据的插件（plugin）。