校公选动态网页制作实验手册.doc

《校公选动态网页制作实验手册.doc》由会员分享，可在线阅读，更多相关《校公选动态网页制作实验手册.doc（58页珍藏版）》请在三一办公上搜索。

1、实验一 博客7.1 BLOG概述“博客”（Blog或Weblog）一词源于“Web Log（网络日志）”的缩写，是一种十分简易的个人信息发布方式。让任何人都可以像免费电子邮件的注册、撰写和发送一样，完成个人网页的创建、发布和更新，目标群是一些非计算机专业人员也可建立个人网站，博客是一种“零进入壁垒”的网上个人出版方式，“零进入壁垒”主要是满足“四零”条件（零编辑、零技术、零成本、零形式）。可以充分利用超文本链接、网络互动、动态更新的特点，可以将个人工作过程、生活故事、思想历程、闪现的灵感等及时记录和发布，发挥个人无限的表达力；更可以以文会友，结识和汇聚朋友，进行深度交流沟通。Blog是继Ema

2、il、BBS、ICQ之后出现的第四种网络交流方式。博客的种类一般有战争博客（Warblog，Matt Welch发明）、日记博客（Journal blog和Diary blog），知识博客（Knowledge bog、Klog、K-Blog）、新闻博客（News blog）、专家博客（Pundit blog）、技术博客（Tech blog）、群体博客（Group blog）、移动博客（Moblog）、视频博客（Video blog）、音频博客（Audio blog）、图片博客（Photo log）、法律博客（Law blow）、文摘博客（Digest blog）。由此还衍生出大量新词汇，比如博

3、客世界（Blogosphere）、博客精英（Blogerati）、博客链接（Blogroll）、法语博客（Froglogs）、语言博客（Linguablog）和小猫博客（Kittyblogger，指写些日常琐碎内容的博客）等。有时博客（Blogger）也指拥有blog网站或者在blog上写作的人。博客概念一般包含了三个要素：（1）网页主体内容由不断更新的、个人性的众多文章组成；（2）按时间顺序排列的，而且是倒序方式，也就是最新的放在最上面，最旧的在最下面；（3）内容可以是各种主题、各种外观布局和各种写作风格，但是文章内容以“超链接”作为重要的表达方式。博客的三大主要作用为：个人自由表达和出版；

4、知识过滤与积累；深度交流沟通的网络新方式。博客这个名称最早由约翰巴杰在1997年12月提出。1998年，互联网上的博客网站屈指可数。当时，Infosift的编辑耶西盖瑞特想列举一个博客类似站点的名单，便在互联网上开始了艰难的搜索。终于在1998年12月，这份名单在Camworld网站上发布。其它博客站点维护者发现此举后，纷纷把自己的网址和网站名称、主要特色都发了过来，这个名单也就日渐丰富。到了1999年初，耶西的“完全博客站点”名单所列的站点已达23个。 时隔不久，布丽奇特伊顿也搜集出了一个名叫“伊顿网络门户”的博客站点名单，并且提出应该以日期为基础组织内容。 1999年7月，一个专门制作博客

5、站点的“Pitas”免费工具软件发布了，这对于博客站点的快速搭建起着很关键的作用。随后，上百个同类工具也如雨后春笋般制作出来。这种工具对于加速建立博客站点的数量是非常有意义的。此后，博客站点的数量终于出现了一种爆炸性增长。博客在中国从2005年7月后人数呈现井喷性增长，而这个时间点恰恰是博客中国谈定1000万美元融资和新浪博客试运行的时间。MSN space（MSN空间）这样的微软变种博客，借助即时聊天工具MSN的泛滥，而成为很多白领尝试书写blog的开始。下面给出一些博客托管网站的地址： 中国博客网（）：。第一家免费中文博客托管服务商（BSP），现有游戏博客、移动博客、音乐博客、rabo、情

6、侣、图片博客等应用版块。 TOM博客（）。 博客动力（）：免费提供专业博客托管服务（BSP），现拥有博客公社、移动博客、图片博客、视频博客、教师博客、学生博客、博采、播客和RSS 博览等多个应用版块。 博客园（）。 歪酷博客（）。 天涯博客（）。 和讯博客（）：国内公认最好的博客系统，速度超快，功能强大，傻瓜化操作，模板和个性化定制功能极丰富，还配备了网摘和超酷的图片博客功能（容量不限）。 ChinaBlog（）。 博客中国人（）。 新浪博客首页（）。 中国教育人博客（）。 天极博客（）。7.2 新浪博客基于Web方式的博客有着很好的用户接口、良好的交互性，并且操作简单。下面以新浪博客为例来说

7、明博客的使用方法。7.2.1 博客申请1开通博客（1）在IE浏览器的地址栏中输入新浪网址，如图7-1所示。单击页面右上角的“注册”超级链接按钮，进入注册页面，如图7-2所示。图7-1 新浪博客主页（2）在图7-2的注册页面中有两种注册方式：一种是“我没有注册过新浪会员，我要直接开通新浪BLOG”；一种是“我曾经注册过新浪会员，我要以新浪会员名开通新浪BLOG” 。这里以没有注册过新浪会员方式为例子，填入各项注册基本信息，如图7-2所示。填写完毕单击“免费开通BLOG”按钮。图7-2 新浪博客申请页面（3）申请成功，会弹出SINA博客的系统提示页面。然后在图7-1中输入新注册的登录名和密码，可以

8、进入新注册的博客中，如图7-3所示。图7-3 新浪博客登录成功页面7.2.2 我的文章日志功能是BLOG最为重要的核心功能，在日志中可以发表文章、插入图片、视频、FLASH动画等多种元素。为了更好的管理日志，可以通过建立日志类型将发表的日志进行分类。1日志类型每个用户都可以根据自己的喜好设置日志的类型，在此添加了三种分类：个人日记、IT杂记、影视娱乐。其中： 个人日记：记录每日发生的琐事。 IT杂记：记录相关的程序调试中的信息。 影视娱乐：记录相关的影视娱乐评论赏析。以添加影视娱乐日志类型为例：（1）在图7-3中依次单击“控制面板文章管理管理分类”，弹出“BLOG文章管理”窗口，如图7-4所示

9、。 图7-4 BLOG文章管理页面（2）单击“添加分类”按钮，打开如图7-5所示的页面。在该页面上的“文件分类名”栏中输入“影视娱乐”，然后单击操作栏目中的“保存”按钮，如果该分类添加成功，则弹出“数据保存成功”系统提示信息对话框。否则重新添加。图7-5 BLOG文章添加分类页面（3）按照以上步骤，依次添加个人日记、IT杂记日志类型，最终“BLOG文章管理”窗口中的日志类型如图7-6所示：图7-6 BLOG文章类别显示页面2连载类型连载类型的添加方式和日志类型的添加方式相似：（1）在图7-3中依次单击“控制面板文章管理管理连载”，弹出“自定义文章专辑”窗口，如图7-7所示。（2）在图7-7中单

10、击“新增”按钮，弹出“添加专辑信息”窗口，在“专辑标题”文本框输入“博客测试”，“专辑图片”文本框中输入合适的图片路径。输入完毕，单位击“保存描述”按钮。图7-7 自定义文章专辑描述3日志发表SINA博客日志发表功能可以添加文本、超文本、图片、视频、FLASH等多种元素。方法如下：（1）从图7-8“控制面板”中单击页面左边的“文章管理发表文章”，在该页的右边就可打开“发表文章”页面，在文章标题处输入“个人说明”；文章类别选择已创建的日志类型，这里选择“个人日记”类型；在正文处输入需要加入的文本信息，如图7-8所示。图7-8 日志发表（2）单击“发表文章”按钮，若添加成功，系统会弹出提示信息对话

11、框“恭喜你！资料保存成功！”。（3）在图7-8中还可采用表情图片增加文章的生动性 ，单击其中的“插入表情”按钮，弹出New Document网页对话框，选择需要的表情插入到正确的位置，如图7-9所示：图7-9 新浪博客主页4管理评论单击图7-8中的“文章管理管理评论”链接，在该页的右边会显示 “管理评论”页面，选择需要删除的评论，然后单击“删除”按钮。5管理留言单击图7-8中的“文章管理留言评论”链接，在该页的右边会显示“管理留言”页面，选择需要删除的留言，单击“删除”按钮。7.2.3 个人相册个人相册功能是SINA博客的核心功能之一，在SINA博客中可以建立不同的相册对图片进行管理。1新建相

12、册单击图7-8中的“个人图片册新建相册”链接，显示 “新建相册”页面，在新建相册文本框输入“王者风范”，如图7-10所示。单击“确认”按钮。相册类别中就会增加“王者风范”相册，此功能类似文章类型。图7-10 新建相册2上传图片（1）单击“个人图片册上传图片”链接，显示 “上传图片”页面。（2）单击“浏览”按钮，找到要上传的图片，一次可以上传10张图片，每个相册只能上传200张。（3）选择相册类型“王者风范”，点击“上传”按钮，如图7-11所示。图7-11 图片上传3管理相册 可以对相册进行管理，添加相册、删除相册、修改相册。 对于每个相册内部的图片单击“删除图片”按钮进行删除，还可以单击“转移

13、图片”按钮使得图片在相册间进行转移，如图7-12所示。图7-12 图片管理7.2.4 BLOG信息设置1个人基本信息（1）单击图7-8中的“BLOG信息设置个人基本信息”链接，显示 “个人信息页面”页面。（2）在昵称文本框中输入“mickey”。（3）更改图片栏中单击“浏览”按钮，找到需要图片的路径。（4）单击“确认”按钮，如图7-13所示。图7-13 个人信息中心2BLOG基本信息（1）单击“BLOG信息设置BLOG基本信息”链接，显示 “BLOG信息页面”页面。（2）在“BLOG标题”文本框输入BLOG标题，本例中为“mickey”，最多24个字符)或12个汉字为BLOG空间命名。（3）“

14、选择文章编辑器”，设定文章编辑方式：UBB编辑器或者WORD编辑器（默认编辑器）。（4）“文章摘要显示字数”下拉列表框：选择文章摘要显示字数。（5）“管理文章评论”：管理所有文章的评论。（6）“管理博客留言”：设置博客是否允许别人留言。（7）单击“确定”按钮，如图7-14所示。图7-14 BLOG基本信息设置7.2.5 自定义设置管理SINA博客的自定义设置管理功能在很大程度上可以决定博客的外观，包括博客颜色基调、博客布局、博客内容分布,所以该功能显得也十分重要。1模板设置模板设置可以决定博客的颜色基调，还有大致的博客内容的布局。是博客信息显示的主题框架。通过“定制我的模板”页面完成模板的管理

15、。（1）单击“自定义设置定制我的模板”链接，如图7-15所示，显示 “BLOG信息”页面。（2）在“BLOG信息”页面中选择模板栏中单击“点击此处更新模板”按钮，弹出模板选择页面，如图7-16所示。图7-15 自定义设置面板 图7-16 BLOG信息设置 （3）在模板选择页面中提供了8中可选模板，选择其中的一种模板类型，如图7-17所示，然后单击“确定”按钮，本例中选择“轻描淡写”模板。（4）浏览博客首页，显示效果如图7-18所示。 图7-17 供选择模板 图7-18 模板设置效果图2定制首页博客首页是访问者访问的第一个页面，因此其布局的合理性很大程度上决定了博客的第一印象。对于首页的定制，可

16、以选择需要的模块，也可以删除多余的模块。定制首页的步骤如下：（1）单击自“自定义设置定制我的首页”链接，显示博客主页面。如果需要删除模块，点击“隐藏”按钮。（2）页面上浮动一个小面板，如图7-19所示，单击面板中的“添加模块”按钮，弹出“首页可定制模块列表”页面。（3）“首页可定制模块列表”页面中设定需要的模块，在“使用该模块前”复选框前选定“使用该模块”。确定之后点击“选取”按钮，如图7-20所示。 图7-19 自定义模板面板 图7-20 首页可定制模板列表（4）定制完毕之后，单击图7-19所示的定制面板中的“保存设置”按钮，完成首页模块的制订。3首页内容首页内容决定了博客首页的主要信息，例

17、如显示文本、图片、背景音乐等等。每种内容设置并不复杂，下面主要以添加背景音乐为例加以示范。（1）单击“自定义设置首页内容维护”链接，显示 “BLOG信息”页面。共包括以下设置： 自定义公告栏：发布感兴趣的活动和主页。 自定义链接栏：添加收藏的网址和朋友的主页地址。 自定义空白面板：功能广泛，图文并茂表现各种信息。 自定义文章专辑：组织有专题性的作品。 自定义首页计数器样式：配置计数器样式，也要配合模板个性化。 自定义音乐播放器列表：在个人首页上添加歌曲。 自定义我的相册：添加图片。 自定义我的圈子：管理志趣相投的博友。 自定义我的播客：视频记录。（2）单击“自定义音乐播放器列表”标题下的“进入

18、编辑”链接，弹出“背景音乐播放列表”页面。单击“新增”按钮，弹出“新增背景音乐列表”页面，SINA博客支持创建10个自定义背景音乐列表。（3）“新增背景音乐列表”页面中，本例中在“请输入音乐列表标题”文本框中输入“轻音乐”（如图7-21所示），然后单击“下一步”按钮弹出“新增编辑音乐列表”，如图7-22所示。图7-21 音乐背景新增页面图7-22 新增编辑音乐列表（4）在图7-22中单击“新增”按钮，打开如图7-23页面。正确填写音乐名称、音乐播放URL、音乐描述后，单击操作栏中的“保存”按钮，系统提示“更新成功”，单击“确定”按钮，返回到博客首页就可以听到设置的背景音乐。在每个音乐列表中，S

19、INA博客支持100首歌曲链接，并且可以安排歌曲的播放顺序，但必须保证mp3格式的音乐URL地址。图7-23 新增歌曲页面四、实验题实验1： 在SINA上建立自己的SINA博客（1） 实验目的l 学习SINA博客的申请、管理、维护过程（2） 实验环境l 安装Windows系统的计算机，有上Internet条件。（3） 实验内容l 申请SINA博客l 配置SINA博客l 管理SINA博客实验二 Windows 2000下用IIS配置WWW服务器1. 打开IIS管理器控制台打开IIS管理器控制台的方法是依次选择“开始程序管理工具Internet服务管理器”，如图6-45所示。图6-45 IIS管理

20、器控制台在图6-45上，双击左边根节点“Internet信息服务”下的“zhanglb”，可以看到系统已经建立了“默认Web站点”。用户输入域名地址后（如），能够直接打开所设置的主页内容，则必须修改此“默认Web站点”的属性。图6-46 默认Web站点属性2. 修改 “默认Web站点”的属性在图6-45上用鼠标右键单击“默认Web站点”，从弹出的快捷菜单上选择“属性”选项，打开如图6-46所示的对话框。图6-46中，Web站点标识区域中的说明栏可以使用任意的名字来命名这个Web服务器，这个名称主要是为了方便管理员识别和管理服务器；IP地址栏可选择一个可用的IP地址作为Web服务器的IP地址；T

21、CP端口：默认值是80，也可以改变端口号，但必须通知客户端，这样才能正常访问，否则客户端浏览器就无法与该Web服务器进行连接。图6-46中，连接区域中的“无限”表示对同时连接到服务器的数目没有限制；“限制到”是进行设置同时连接到服务器的最大数目；“连接超时”是客户端在一定时间内没有活动，服务器会自动断开连接，这样可以保证当HTTP没有成功地与客户端断开连接时，连接仍旧能够正常地断开。图6-46中，如果选择启动日志记录这项功能，可以使Web服务器开启日志。这样可以用各种格式日志来记录客户端的活动。当启动日志记录之后，在日志格式中选取一种日志的格式。日志的格式有以下两种：一种是Microsoft

22、IIS日志格式，是一种标淮的ASCII码格式，Microsoft IIS日志格式的基本元素包括：用户的IP地址、用户名、日期和时间以及接收的信息量等。另外，还包括使用的时间、发送的数据量、操作（例如：下载等）。这些元素之间用逗号隔开，使日志更加易读；W3C扩充日志文件格式，这种格式是IIS默认的日志文件格式，也是一种常用的ASCII码格式。它的基本元素是用空格隔开的。3. 设置“主目录”选项主目录是当用户浏览该网站时所访问的目录。在图6-47中，单击“主目录”选项卡，打开主目录设置对话框，如图6-47所示。其设置内容如下：图6-47 主目录（1）在“主目录”选项卡中，用户通过三个单选按钮可以选

23、择主目录内容来自的位置。如果要用本地计算机上的内容作为主目录的目录内容，选择“此计算机上的目录”单选按钮；如果要从网络上的其他计算机上查找目录内容作为主目录的内容，选择“另一计算机上的共享位置”单选按钮；如果要将主目录的目录内容重定向到Internet上的某个Web站点，选择“重定向到URL”单选按钮。为了便于介绍方便，这里选择“此计算机上的目录”单选按钮。（2）在“本地路径”文本框中，输入主目录在本地计算机上的路径。如果用户不知道目录的确切路径，可单击“浏览”按钮，打开“浏览文件夹”对话框进行选择。（3）通过启用和禁用复选框来设置主目录的访问权限，例如，禁用“索引此资源”复选框，则不允许其他

24、访问者对该主目录进行资源索引。如果“目录浏览”一项被选中，则在浏览器中对网站进行访问时输入http:/域名（或IP地址），而在主目录中又没有“默认文档”存在时，则会显示出此目录下所有的文件和目录；如果不选择此选项，则在此情况下则会出现错误提示。（4）在“应用程序设置”选项区域中，单击“删除”按钮可删除目录中的默认应用程序，禁止客户对默认应用程序的访问。如果没有删除应用程序，可在“执行许可”下拉列表框中选择执行许可权限，包括“无”、“纯脚本”和“脚本和程序执行”；在“应用程序保护”下拉列表框中选择应用程序保护级别。（5）目录路径、权限及应用程序设置好之后，单击“确定”按钮即可完成主目录的设置。4

25、. 设置“文档”选项在图6-47上选择“文档”选项卡，打开如图6-48所示的对话框。图6-48 “文档”设置选项卡如果用户用不带文件名（例如5. 创建虚拟目录虚拟目录是指除了主目录以外的其他站点发布目录。在客户浏览器中，虚拟目录就像位于主目录中一样，但在物理上可能并不包含在主目录中。如果站点要求很复杂，或决定在网页中使用脚本或应用程序，就需要为要发布的内容创建虚拟目录。要创建虚拟目录，可参照下面的步骤：（1）在图6-45的IIS管理器中，右击“默认Web站点”节点，在弹出的快捷菜单中选择“新建虚拟目录”命令，打开“虚拟目录创建向导”对话框，然后单击“下一步”按钮，打开“虚拟目录别名”对话框，如

26、图6-49所示。 图6-49 输入别名 图6-50 输入目录路径（2）在“别名”文本框中输入用于获得此Web虚拟目录访问权限的别名，例如，office。输入别名后，单击“下一步”按钮，打开“Web站点内容目录”对话框，如图6-50所示。（3）如果用户知道目录路径，可直接在“目录”文本框中输入目录路径。或者单击“浏览”按钮，打开“浏览文件夹”对话框，选择目录路径。（4）单击“下一步”按钮，打开“访问权限”对话框，如图6-51所示。在“允许下列权限”选项区域中，用户可以为此目录设置访问权限。例如，选择“写入”复选框，既允许访问者修改目录内容。（5）访问权限设置完成后，单击“下一步”按钮，进入最后一

27、步，打开“您已成功完成虚拟目录创建向导”对话框。单击“完成”按钮，虚拟目录创建完成。图6-51 设置目录访问权限对于Web站点来说，如果需要建立多个虚拟目录，使用上面的方法就显得不太方便。这时，用户可以直接通过设置文件的Web共享属性来快速创建虚拟目录，具体操作步骤如下：（1）打开“我的电脑”或“资源管理器”窗口，右击要共享的文件夹，从弹出的快捷菜单中选择“属性”命令，打开文件夹属性对话框。然后单击“Web共享”选项卡，如图6-52所示。图6-52 文件夹属性对话框图6-53 “编辑别名”对话框（2）选择“共享文件夹”单选按钮，此时会弹出“编辑别名”对话框，如图6-53所示。（3）在“别名”框

28、中键入该目录的别名。按照默认规定，如果没有更改信息，计算机将指定该目录名为匿名。在“访问许可”选项区域中，通过启用复选框来设置虚拟目录的访问许可，例如启用“脚本资源访问”复选框，则允许访问者访问脚本资源。（4）在“应用程序许可”选项区域中，通过选择单选按钮来设置目录中的应用程序许可权限，例如选择“执行（E）（包括脚本）”单选按钮，则允许访问者执行目录中的应用程序及其脚本。（5）设置完毕，单击“确定”按钮保存设置并返回到共享文件夹属性对话框，再单击“确定”按钮即可。【实验目的】通过安装、配置和使用IIS(Internet Information Server)，帮助理解WWW的概念，Web程序的

29、运行原理。建立好虚拟目录后，就可以使用其进行浏览本地计算机上的页面了，比如在VB.NET对应的物理目录下新建一个index.asp的测试页面，其代码示范如下：目录测试Hello world! 然后在IE的址栏中键入http:/localhost/VB.NET/index.asp，显示如下： 【实验报告要求】1. 实验目的2. 安装并配置IIS，分别建立自己的站点和虚拟目录，写出实验具体步骤。3. 在浏览器中观察运行情况并给出运行界面。4. 实验小结，包括实验中遇到的问题及解决方法。实验三 HTML语言的熟悉与应用2.1.1 HTML 语言的结构 HTML（超文本标记语言）是一种描述文档结构的标

30、注语言，HTML使用一些约定的标记对WWW上的各种信息进行标注。当用户浏览WWW上的信息时，浏览器会自动解释这些标记的含义，并按照一定的格式在显示器上显示这些被标记的文件。HTML的优点是其跨平台性，即任何可以运行浏览器的计算机都能阅读并显示HTML文件，不管其操作系统是什么，显示结果都相同。HTML文件是标准的ASCII文件，且其后缀名为htm或html的文件。HTML文件看起来像是加入了许多被称为链接签（tag）的特殊字符串的普通文本文件。从结构上讲，HTML文件由元素（element）组成，组成HTML文件的元素有许多种，用于组织文件的内容和指导文件的输出格式。绝大多数元素都是“容器”，

31、即有起始标记和结束标记。元素的起始标记叫做起始链接签（start tag），元素结束标记叫做结束链接签（end tag），在起始链接签和结束链接签中间的部分是元素体。每一个元素都有名称和许多可选择的属性，元素的名称和属性都在起始链接签内标明。下面来看一个HTML文件，其在浏览器中显示的结果如图2-1所示。图2-1 一个HTML例子在浏览器的显示结果代码清单w2-1.htm武汉工业学院这是一HTML的测试文件从上例中可以看出，HTML文件仅由一个HTML元素组成，即文件以开始，以结尾，文件其余部分都是HTML的元素体。而HTML元素的元素体又由头元素、体元素和一些注释组成。头元素和体元素的元素体

32、又由其它的元素、文本及注释组成。在上例中第五行是体元素的起始链接签，标明体元素从此开始。因为所有的链接签都具有相同的结构，所以通过仔细分析这个链接签的各个部分，以让读者对链接签的写法有一个大概的了解。其格式为： 内容 在HTML中有三个字符具有特殊的意义，即：“”表示一个标签的结束和“&”表示转义序列的开始。每个转义字符都以“&”开始，以分号“；”结束。元素名也叫链接签名。需要注意的是：（1） 和起始链接签之间不能有空格。（2）元素名称不区分大小写。 （3）一个元素可以有多个属性，属性及其属性值不区分大小写，且各个属性用空格分开。HTML文件中，有些元素只能出现在头元素中，而绝大多数元素只能出

33、现在体元素中。在头元素中的元素表示的是该HTML文件的一般信息，比如文件名称，是否可检索等等。这些元素书写的次序是无关紧要的，只表明该HTML有还是没有该属性。与此相反，出现在体元素中的元素是次序敏感的，改变元素在HTML文件中的次序会改变该HTML文件的输出形式。2.1.2 构成网页的基本元素 下面介绍一下常用的有关Web页文本格式的标记。1. 标记标记用来给网页命名，网页的名称写在与标记之间，显示在浏览器的标题栏中。例如，在图2-1中所示的浏览器页面中，其标题栏所显示的“武汉工业学院”是在HTML文件中的由武汉工业学院所定义的。2. 标记到标题元素有6种，用于表示文章中的各种题目。字体大小

34、到是顺序减小。下面这个例子中分别使用了到的标题。其HTML文件如下所示，在浏览器中的显示结果如图2-2所示。图2-2 标记代码清单w2-2.htm 这是一个测试网页 标题测试标题测试标题测试标题测试标题测试标题测试 3. 预格式化文本标记HTML的输出是基于窗口的，因而HTML文件在输出时都是要重新排版的，即把文本上任何额外的字符（如空格、制表符和回车符）都忽略，若确实不需要重新排版的内容，可以用通知浏览器。在图2-3和图2-4中显示了有无预格式化文本标记的对比。下面是图2-3和图2-4的HTML源文件。代码清单w2-3.htm这是一个测试网页 HTML是一种描述文档结构的标注语言，它使用一些

35、约定的标记对各种信息进行标注。 图2-3 有标记 图2-4 无标记4. 和标记用于强制换行。表示一个段落的开始。一般可不用。5. 标记 这几个标记都是用来修饰所包含文档的。标记使文本加粗；标记使文本倾斜；标记给文本加下划线；标记给文本加删除线；标记使文本字体加重。下面给出一个HTML源文件，其在浏览器中的显示结果如图2-5所示。图2-5 文档标记的修饰代码清单w2-4.htm这是一个测试网页HTML是一种描述文档结构的标注语言，它使用一些约定的标记对各种信息进行标注。6. 标记用来修改字体和颜色。其中COLOR属性指定文字颜色，颜色的表示可以用6位十六进制代码，如。另外，如果用户想要设置网页的

36、背景色和文字颜色，也可以将标记扩充为：其中各个元素的说明如表2-1所示，表2-2列出了一些常用颜色的RGB值。表2-1 设置背景景色和文字颜色标记说明Bgcolor设置网页背景颜色Text设置网页非可链接文字的颜色Link设置网页可链接文字的颜色Alink设置网页正被点击的可链接文字的颜色Vlink设置网页已经点击的可链接文字的颜色Background设置网页背景图案ImageURL设置网页背景图案的URL地址#代表颜色RGB值（格式为rrggbb）。它是用16进制的红-绿-蓝（red-green-blue，RGB）值来表示。各种常见的颜色的RGB值如表9-2所示。表2-2 常见颜色RGB值颜

37、色RGB颜色RGB黑色（Black）000000橄榄色（Olive）808000红色（Red）FF0000深表色（Teal）008080绿色（Green）00FF00灰色（Gray）808080蓝色（Blue）0000FF深蓝色（Navy）000080白色（White）FFFFFF浅绿色（Lime）00FF00黄色（Yellow）FFFF00紫红色（Fuchsia）FF00FF银色（Silver）C0C0C0紫色（Purple）800080浅色（Aqua）00FFFF茶色（Maroon）800000例如要将网页背景颜色设置为蓝色，其HTML语言如下所示：2.1.3 超文本链接指针 超文本链接指

38、针是HTML最吸引人的优点之一，可以这样说，如果没有超文本链接指针，就没有万维网。使用超文本链接指针可以使顺序存放的文件具有一定程度上随机访问的能力，这更加符合人类的跳跃思维方式。超文本链接指针是指把并不连续的两段文字或两个文件联系起来。1. 链接到其它站点在HTML文件中用链接指针指向一个目标。其语法格式为： zzz 其中zzz可以是文字或图片并显示在网页中，当用户单击它时，浏览器就会显示由href属性中的统一资源定位器（URL）所指向的目标，实际上这个zzz在HTML文件中充当指针的角色，一般显示为蓝色且带有下划线。href中的h表示超文本，而ref表示“访问”或“引用”的意思。例如：a

39、href = 用户用鼠标单击“武汉工业学院”，即可看到武汉工业学院的主页内容。在这个例子中，充当指针的是“武汉工业学院”。在编写HTML文件时，需要知道目标的URL。那么如何才能得到目标的URL呢？对于本地主机内的文件，其URL地址可以根据该文件的实际情况决定。对于Internet上的资源，在用浏览器查看时，其URL地址会在浏览器的状态栏中显示出来，把它抄下来写到新制作的HTML文件中即可。在编写HTML文件时，对能确定关系的一组资源（比如在同一个目录中）应采用相对URL，这不仅简化HTML文件，而且便于维护。例如，当需要将某个目录整个移到另外一个地方或把某一主机的资源移到另一台主机时，用相对

40、URL写的HTML文件对其中的URL不需要进行任何更改（只要它们的相对关系没有改变）。但如果用绝对URL编写HTML文件，就不得不修改每个链接指针中的URL，这是一件很乏味也很容易出错的工作。对于各个资源之间没有固定的关系，例如某个HTML文件是介绍各大学情况的，所指向的目标分布在全球的主机中，这时就只能使用绝对URL了。2. 同一个文件中的链接上面提到的链接指针可以使读者在整个Internet网上方便地链接，这种链接方式称作远程链接。但如果编写了一个很长的HTML文件，从头到尾地浏览很浪费时间，能不能在同一文件的不同部分之间也建立起链接，使用户方便地在上下文之间跳转呢？答案是肯定的，超链可以指向同一文件这种链接方式叫做本地链接。前面曾提到过一个超文本链接指针包括两个部分，一个指向目标的链接指针，另一个是被指向的目标。对于一个完整的文件，可以用URL来唯一地标识，但对于同一文件的不同部分，怎样来标识呢？下面的内容将介绍链接指针元素的另外的一个用途，标识目标。标识一个目标的方法为：.NAME属性将放置该标记或书签的地方标记为“KKK”，KKK是一个全文唯一的标记串。在这种情况下，和之间的内容是可有可无。这样，就把放置标记的地方做了一个叫做“KKK”的标记（如果对Microsoft Word熟悉的话，这就相当于在Word中的定义“书签”）。做好标记后，可以用下列方法来指向它，转向下一