1、中等职业学校计算机系列规划教材 网页设计与制作实例教程 武马群 主编 李 波 编著 北京工业大学出版社内 容 提 要Macromedia 公司推出的 Dreamweaver、Fireworks 和 Flash，相互配合，浑然天成，被誉为“网页制作三 剑客”。本书详尽地介绍了 Dreamweaver MX 2004、Fireworks MX 2004、Flash MX 2004 的基础知识和基本使用 技巧，全书内容详实、层次清晰、实例丰富、详略得当、语言通俗易懂，是学习与应用“网页制作三剑客” 的经典教程。本书作为中职中专有关专业教材，也可作为、各种电脑培训班教材，还可作为网页制作爱好者、网站开
2、 发人员的参考用书。网页设计与制作实例教程武马群 主编 李 波 编著 北京工业大学出版社出版发行邮编：100022 电话：C010)67392308各地新华书店总经销 徐水宏运印刷厂印刷2005 年 6 月第 1 版2005 年 6 月第 1 次印刷787 mm1 092 mm 16 开本 印张 18 字数 438 千字印数：15 000 册ISBN 7-5639-1443-9/T222定价：25.00 元前言随着 Internet 的普及，网页制作技术也在不断的提高，除了传统的美工技术外，多媒体和交 互性技术已经在网页制作中得到了广泛应用。现在，Internet 上的网页正在成指数增长，只要
3、你愿 意，你也可以在 Internet 上安家，每个人都可以拥有自己的主页，如此一来，网页制作不再只是 少数人的专利，只要选择合适的网页制作工具，任何人都可以通过学习做出专业级效果的网页来。在多媒体制作和编辑领域久负盛名的 Macromedia 公司迎合了这一需求，在 20 世纪就开发出 了 Dreamweaver、Fireworks 和 Flash 3 个软件，由于三者之间优势互补，配合几乎是天衣无缝， 因此一经推出便立即引起了极大反响，牢牢占领了网页制作市场，成为诸多专业网页设计师和网 页制作爱好者的首选工具，被誉为“网页制作三剑客”。2003 年末，Macromedia 公司再接再厉，
4、推出了其新版本，这 3 个软件的界面进一步整合，操作更加简单，几乎涵盖了当前网页制作的所 有技术。本书就是为读者能够快速掌握这 3 个软件而编写的，全书分为 3 篇。第 1 篇全面介绍了Dreamweaver MX 2004 的功能及使用方法，对网页设计与网站建设进行了详细的阐述；第 2 篇以 丰富的实例引导读者掌握用 Fireworks MX 2004 进行网页图像设计、处理、制作的方法与技巧； 第 3 篇通过言简意赅的语言介绍了 Flash MX 2004 的基础知识，并运用生动简洁的实例，讲述了 Flash MX 2004 在动画制作方面的应用。由于计算机技术发展迅速，加之时间仓促，编者
5、水平有限，本书错误之处在所难免，恳请广大读者批评指正。编 者2005 年 5 月目录第 1 章网页三剑客概述11.1三剑客的安装与卸载11.1.1安装及运行环境11.1.2三剑客的安装11.1.3三剑客的卸载31.2三剑客的启动与退出31.2.1 启动 Dreamweaver MX 200431.2.2 退出 Dreamweaver MX 20044【本章小结】4第 2 章Dreamweaver MX 2004 基础52.1认识网页52.1.1什么是网页52.1.2什么是 HTML62.1.3HTML 基本语法62.2 Dreamweaver 工作环境102.2.1Dreamweaver 工作
6、界面102.2.2设置工作参数112.2.3单位、标尺与网格142.3 Dreamweaver 的基本操作142.3.1创建文档142.3.2打开文档152.3.3保存与关闭文档152.3.4使用历史记录162.3.5命令的管理17【上机指导】17【本章小结】19【习题】19【实验】20第 3 章编辑网页213.1网页文本编辑213.1.1添加文本213.1.2格式化文本223.2网页代码编辑24目录53.2.1代码检查器243.2.2代码格式控制253.2.3代码的整理253.2.4编辑代码263.3认识 CSS273.3.1什么是 CSS273.3.2CSS 的分类283.4创建 CSS2
7、83.4.1新建 CSS293.4.2样式定义参数303.4.3CSS 样式面板33【上机指导】35【本章小结】36【习题】36【实验】37第 4 章使用网页对象384.1插入对象384.1.1插入文件头标签384.1.2插入水平线384.1.3插入日期394.1.4插入电子邮件链接404.1.5插入超级链接404.1.6插入命名锚记424.1.7插入图像434.1.8插入翻滚图444.1.9插入导航条454.2插入多媒体对象464.2.1插入 Flash 动画464.2.2插入 Flash 文本或按钮474.2.3 插入 Shockwave 电影484.2.4 插入 Java Applet4
8、84.2.5 插入 ActiveX494.2.6插入插件494.3插入表单504.3.1创建表单504.3.2表单域51【上机指导】55【本章小结】56【习题】56【实验】57第 5 章网页布局设计585.1网页布局浅析585.1.1网页布局的基本概念585.1.2网页布局的方法605.1.3网页布局类型605.1.4有关布局的几个问题615.2使用表格615.2.1表格的创建615.2.2表格及单元格的选择625.2.3格式化表格与单元格635.2.4编辑表格645.2.5利用表格进行网页布局665.3使用布局表格665.3.1布局表格和布局单元格675.3.2绘制布局单元格和表格675.3
9、.3为布局单元格添加内容685.3.4移动与改变大小695.3.5格式化布局表格或单元格695.3.6设置布局宽度705.3.7使用间隔图像705.4使用层715.4.1层面板715.4.2创建层725.4.3层的属性设置725.4.4层的“Z-顺序”735.4.5层的操作745.4.6层与表格755.5使用框架765.5.1框架与框架集765.5.2创建框架集775.5.3选取框架或框架集785.5.4保存框架和框架集文件795.5.5框架与框架集属性795.5.6编辑框架805.6模板815.6.1什么是模板815.6.2创建模板825.6.3使用模板845.7库项目855.7.1库面板8
10、65.7.2创建库项目875.7.3库项目属性875.7.4更新库项目87【上机指导】88【本章小结】90【习题】90【实验】91第 6 章行为与时间轴926.1行为926.1.1行为的概念926.1.2行为面板936.2内置行为的使用936.2.1交换图像936.2.2弹出信息946.2.3打开浏览器窗口946.2.4拖动层956.2.5播放声音966.2.6改变属性966.2.7显示-隐藏层966.2.8弹出式菜单976.2.9设置文本996.2.10转到 URL1006.3时间轴1006.3.1时间轴简介1006.3.2时间轴面板1016.3.3创建一个时间轴动画1026.3.4通过拖动
11、路径创建时间轴1036.3.5修改时间轴1036.3.6将动画条应用于不同的对象1046.3.7在时间轴中添加行为104【上机指导】105【本章小结】108【习题】108【实验】108第 7 章网站建设1097.1设计网站1097.1.1什么是网站1097.1.2网站的开发流程1097.1.3本地计算机与 Internet 服务器1097.1.4本地站点与远程站点1107.2站点结构与资源管理1107.3创建站点1117.3.1通过向导定义站点1117.3.2通过高级方式定义站点1137.4编辑站点1157.4.1管理站点对话框1157.4.2文件面板1157.4.3上传和下载站点1177.5
12、维护站点1187.5.1同步更新网站1187.5.2使用遮盖功能1197.5.3测试站点1207.5.4查找和替换124【上机指导】126【本章小结】127【习题】127【实验】128第 8 章Fireworks MX 2004 基础1298.1Fireworks MX 2004 简介1298.1.1位图与矢量图1298.1.2交互式图形1308.1.3优化和导出图形1308.2Fireworks MX 2004 工作环境1308.2.1工作界面简介1308.2.2使用界面元素1318.2.3设置首选参数1368.3文档基本操作1388.3.1创建新文档1388.3.2打开和导入文件1388.
13、3.3保存文件1398.4优化与导出1398.4.1关于优化1398.4.2使用“导出向导”1398.4.3使用“导出预览”1408.4.4在工作区中优化1408.4.5从 Fireworks 导出144【本章小结】145【习题】145【实验】145第 9 章绘图工具的使用1469.1选择与变形对象1469.1.1选择对象1469.1.2选择像素1479.1.3编辑所选对象1509.1.4变形和扭曲所选对象和选区1509.1.5组织对象1509.2位图工具1519.2.1创建位图对象1529.2.2编辑位图对象1529.2.3修饰位图1529.2.4调整位图颜色和色调1539.2.5向图像中添
14、加杂点1549.3矢量工具1559.3.1绘制矢量对象1559.3.2编辑路径1579.4使用文本1589.4.1输入文本1589.4.2编辑文本1599.4.3将笔触、填充和效果应用到文本1599.4.4将文本附加到路径1609.4.5变形文本1609.4.6将文本转换为路径1609.4.7导入文本1609.4.8处理缺少的字体1619.5Web 工具1619.5.1创建和编辑切片1619.5.2使切片交互1639.5.3准备切片以供导出1669.5.4使用热点和图像映射1679.6颜色工具1689.6.1使用工具面板的颜色控件1689.6.2组织样本组和颜色模式1689.6.3使用颜色框和
15、颜色弹出窗口1699.6.4使用笔触1699.6.5使用填充1709.6.6应用渐变和图案填充1719.6.7向笔触和填充中添加纹理172【上机指导】173【本章小结】176【习题】176【实验】176第 10 章层、蒙版及资源17710.1使用层17710.2用蒙版掩盖图像17910.2.1关于蒙版17910.2.2用现有对象创建蒙版18010.2.3使用层面板掩盖对象18110.2.4组合对象以构成蒙版18210.2.5编辑蒙版18210.3混合与透明度18310.3.1关于混合模式18310.3.2调整不透明度并应用混合18410.4资源18510.4.1使用样式18510.4.2使用元
16、件18510.4.3使用 URL186【本章小结】186【习题】186第 11 章动画、按钮、弹出菜单18711.1动画18711.1.1制作动画18711.1.2使用动画元件18711.1.3使用帧18811.1.4补间18911.1.5预览动画18911.1.6导出动画18911.1.7使用现有动画19011.1.8将多个文件用作一个动画19011.2按钮19011.2.1按钮状态及按钮编辑器19111.2.2创建按钮19111.2.3导入按钮元件19211.2.4编辑按钮元件19211.2.5设置按钮交互属性19211.2.6创建导航栏19311.3弹出菜单193【上机指导】194【本章
17、小结】198【习题】198第 12 章效果及自动工具19912.1使用动态效果19912.1.1应用动态效果19912.1.2编辑动态效果19912.2使用自动工具20012.2.1查找和替换20012.2.2批处理200【上机指导】202【本章小结】203【习题】203【实验】204第 13 章Flash 快速入门20513.1认识工作界面20513.1.1认识工作界面20513.1.2使用舞台20613.1.3使用时间轴20713.1.4使用帧和关键帧20713.1.5使用层20813.1.6工具栏20913.1.7使用工具面板20913.1.8使用网格、辅助线和标尺20913.1.9使用
18、面板及属性面板21013.1.10设置 Flash 的首选参数21013.2创建第一个应用程序21113.2.1创建新文档21113.2.2添加媒体内容21113.2.3添加导航控件21213.2.4添加动画和基本的交互性21313.2.5测试应用程序21313.2.6发布和查看应用程序214【本章小结】214【习题】214【实验】214第 14 章绘图工具的使用21514.1铅笔工具的使用21514.2线条工具的使用21514.3选择工具的使用21514.4套索工具的使用21614.5钢笔工具的使用21714.6部分选取工具21714.7椭圆工具的使用21714.8矩形工具的使用21814.
19、9任意变形工具21814.10刷子工具的使用21814.11橡皮擦工具的使用21914.12墨水瓶工具的使用22014.13颜料桶工具的使用22014.14滴管工具的使用22014.15填充变形工具的使用220【上机指导】221【本章小结】222【习题】222【实验】223第 15 章动画制作基础22415.1元件和实例22415.1.1元件的分类22415.1.2元件的使用22515.1.3创建图形或影片剪辑元件22515.1.4创建按钮元件22515.1.5修改元件22615.1.6重制和修改元件的实例22615.1.7实例22615.2帧22615.2.1帧的基本概念22715.2.2帧
20、的状态及表示方法22715.2.3帧的创建与编辑22815.2.4洋葱皮效果22915.3图层23015.3.1图层属性23015.3.2引导层23115.3.3遮罩层23315.4动画类型23415.4.1运动动画23415.4.2形变动画23515.4.3逐帧动画23715.5使用音频与视频23715.5.1导入声音23715.5.2编辑声音23815.5.3控制声音播放23915.5.4导入视频文件23915.5.5设置视频播放选项24015.5.6控制视频播放240【本章小结】240【习题】240【实验】241第 16 章交互式动画基础24216.1 ActionScript 的相关术
21、语24216.2 ActionScript 基本语法24316.3 ActionScript 中的函数、表达式24416.3.1函数24416.3.2运算符与表达式245【上机指导】246【本章小结】248【习题】248【实验】249第 17 章动画实例25017.1探照灯文字的制作25017.2风吹文字效果25117.3翻书效果25217.4制作演示文稿25617.5放大镜的制作25717.6模拟洋葱皮特效26017.7制作动态三角函数课件26117.8滚动文本框的两种做法26417.9制作繁星背景26617.10制作空战游戏267【本章小结】272【习题】272第 1 章网页三剑客概述【学
22、习目标】掌握三剑客的安装、激活、启动、退出、卸载方法。在众多网页制作、Web 图像处理和网络矢量动画设计软件中，Macromedia 公司推出的 Dreamweaver、Fireworks 和 Flash，相互配合，浑然天成，被誉为“网页制作三剑客”。其强 大的功能和易用性使其风靡全球，倍受关注和喜爱，特别是其推出的 MX 2004 新版本，更是 进行了全面改进，无论是从开发效率还是从功能上看，MX 2004 版本都是非常优秀的。1.1三剑客的安装与卸载1.1.1安装及运行环境在indows 环境下安装并运行三剑客，需要具备以下条件：600MHz Intel Pentium III 处理器或相
23、当的配置。Windows 98 SE，Windows 2000，Windows XP 或 Windows Server 2003。128 MB 内存（推荐使用 256 MB）。硬盘空间：（Dreamweaver MX 2004 275 MB）、（Fireworks MX 2004 150 MB）、Flash MX 2004（340 MB）。1.1.2三剑客的安装下面以在 Windows XP 中安装三剑客中的 MX 2004 7.0.1 中文版为例。1Dreamweaver MX 2004 的安装（1）在光驱中放入安装光盘，双击安装文件 Dreamweaver MX 2004 Installe
24、r.exe，先进 行解压缩，接着弹出如图 1-1 所示的对话框。（2）单击“下一步”按钮，在“许可证协议”对话框中单击“是”按钮接受协议，弹出 如图 1-2 所示的对话框，选择安装路径。默认的安装路径为 C:Program FilesMacromediaDreamweaver MX 2004。单击“浏览”按 钮，将弹出“选择文件夹”对话框，可在其中选择或输入目标文件夹路径，若输入的路径在 磁盘上不存在，系统在安装前会自动创建。图 1-1 安装对话框图 1-2 选择安装路径（3）单击“下一步”按钮，选择将以 Dreamweaver 作为默认编辑器的文档类型，如图1-3 所示。（4）单击“下一步”
25、按钮，弹出信息确认对话框，单击“下一步”按钮，开始复制文件， 如图 1-4 所示。图 1-3 选择关联的文档类型图 1-4 复制文件对话框（5）当文件复制结束，就可以看到如图 1-5 所示的对话框，即表示 Dreamweaver MX 2004安装完成了。2Fireworks MX 2004 的安装类似于 Dreamweaver MX 2004 的安装，安装文件为 fw_client_installer_cn.exe，当看到如 图 1-6 所示的对话框时，即表示安装完成了。图 1-5 安装完成的对话框图 1-6 安装完成的对话框第 1 章 网页三剑客概述33Flash MX 2004 的安装类
26、似于 Dreamweaver MX 2004 的安装，安装文件为 Install_Flash_MX_2004_cs.exe，当看 到如图 1-7 所示的对话框时，即表示安装完成了。图 1-7 安装完成的对话框1.1.3三剑客的卸载打开控制面板，双击“添加或删除程序”图标，在弹出的“添加或删除程序”对话框中 分别选择 Macromedia Dreamweaver MX 2004、Macromedia Fireworks MX 2004、Macromedia Flash MX 2004，并单击“更改/删除”按钮，按屏幕提示操作即可完成这 3 个软件的卸载。1.2三剑客的启动与退出下面以 Dream
27、weaver MX 2004 的启动与退出为例，Fireworks MX 2004 与 Flash MX 2004的操作与此类似。1.2.1 启动 Dreamweaver MX 20041启动方法有以下几种常用的启动方法：（1）选择“开始所有程序MacromediaMacromedia Dreamweaver MX 2004”菜单命令。（2）在桌面上创建 Dreamweaver MX 2004 程序快捷图标，通过双击该图标来启动。（3）双击 Dreamweaver MX 2004 相关联的文档来启动。2解除使用限制（1）启动 Dreamweaver MX 2004 时，可能会弹出“Macrom
28、edia 产品注册”对话框，如 图 1-8 所示。（2）单击“继续”按钮，在弹出的对话框中要求输入产品序列号，才能激活并继续使用 此软件，在光盘上找到序列号并输入，如图 1-9 所示。图 1-8 “Macromedia 产品注册”对话框图 1-9 输入产品序列号（3）单击“继续”按钮，弹出如图 1-10 所示的对话框，可以看出，软件已经激活，以 后使用软件已不会受到限制，若需要得到 Macromedia 的产品更新信息，可以进行注册。图 1-10 成功激活产品若三剑客全部安装，则只需一次激活操作即可。1.2.2 退出 Dreamweaver MX 2004有以下几种常用的退出方法：（1）单击
29、Dreamweaver MX 2004 程序窗口右上角的按钮。（2）选择“文件退出”菜单命令。（3）双击 Dreamweaver MX 2004 程序窗口左上角的图标。（4）按下“Alt+F4”组合键。【本章小结】本章主要介绍了 Dreamweaver MX 2004、Fireworks MX 2004、Flash MX 2004 的安装、 卸载、启动、激活、退出方法。第 2 章Dreamweaver MX 2004 基础【学习目标】网页是组成网站的基础，也是传递信息的主要形式，本章将引导读者了解网页的基础知 识，并认识 Dreamweaver 的工作界面，通过本章的学习，还应掌握 Dream
30、weaver 文件的基本 操作。2.1认 识 网 页2.1.1什么是网页网页一般分为静态网页和动态网页。静态网页是标准的 HTML 文件，它是采用 HTML（超文本标记语言）编写的，通过 HTTP（超文本传输协议）在服务端和客户端之间传输的纯文本文件，扩展名为.html 或.htm。 而动态网页在许多方面与静态网页是一致的。它们都是无格式的 ASCII 码文件，都包含HTML 代码，都可以包含用脚本语言（比如 JavaScript 或 VBScript）编写的程序代码，都存 放在 Web 服务器上，收到客户请求后都会把响应信息发送给 Web 浏览器。根据采用 Web 应 用技术的不同，动态网页
31、文件的扩展名也不同。例如，在文件中使用 ASP（Active Server Pages） 技术时，扩展名是.asp，使用 JSP（Java Server Pages）技术时文件扩展名为.jsp。将设计好的静态网页放置到 Web 服务器上，即可访问它，若不修改更新，这种网页将保 持不变，因此称之为静态网页。实际上，静态网页从呈现形式上可能不是静态的，它可以包 含翻转图像、if 动画或 Flash 动画等。此处所说的静态是指在发送给浏览器之前不再进行 修改。对于客户而言，不管是访问静态还是动态网页，都需要使用网页浏览器（比如 IE 或 Navigator），在地址栏输入要访问网页的 URL（统一资
32、源定位器，即通常所说的网址）并发 出访问请求，然后才能看到浏览器所解释并呈现的网页内容。URL 用来标明访问对象，由协议类型、主机名、路径及文件名组成。格式为： 协议类型：/主机名/目录/文件名例如中国建设银行网站的首页 URL 为：其中，http:指明采用超文本传输协议来访问 Web 服务器 ， 为主机名， /portal/cn/home/为文件路径，index.html 为文件名。更多时候，访问网站的 URL 中并不包含文件路径及文件名，例如，访问搜狐网站时只需 输入 即可，原因何在？这是由于主机在解释 URL 时发现若没有指明具第 2 章 Dreamweaver MX 2004 基础21
33、体文件，则认为要访问默认的页面，那么 实际上就被解释为 http:/www. 网页（Web Page）和主页（Home Page）是两个不同的概念。一个网站中主页只有 1 个， 而网页可能成千上万，通常所说的主页是指访问网站时看到的第 1 页，即首页。首页的名称 是特定的，一般为 index.htm、index.html、default.htm、default.html、default.asp、index.asp 等，当然这个名称是由网站建设者所指定的。如图 2-1 所示为打开的中国建设银行静态首页和中国工商银行动态首页。图 2-1 打开的静态和动态网页2.1.2 什么是 HTMLHTML 全
34、名是 Hyper Text Markup Language，即超文本标记语言，是用来描述 WWW 上 超文本文件的语言。HTML 不是一种编程语言，而是一种页面描述性标记语言。它通过各种标记描述不同的 内容，说明段落、标题、图像、字体等在浏览器中的显示效果。浏览器打开 HTML 文件时， 将根据 HTML 标记来显示内容。HTML 能够将 Internet 上不同服务器中的文件连接起来；可以将文字、声音、图像、动 画、视频等媒体有机组织起来，展现出五彩缤纷的画面。HTML 是网页的核心，掌握 HTML 的语法规则是编辑网页的基础。另外，掌握 HTML语言后，也可以脱离网页设计工具来编辑网页源代
35、码。HTML 标记的一般使用格式为：内容标记符一般需要配对使用，前面的表示某种格式的开始，后面的表 示这种格式的结束，而这对标记符之间的内容就是被作用的对象了。HTML 文件是一种纯文本文件，可以用任何文本编辑器来创建和编辑它，比如 Windows中的记事本程序。2.1.3 HTML 基本语法HTML 语言的功能是通过各种标记来实现的，其中有些标记是 HTML 文件不可缺少的， 一个最基本网页的 HTML 代码格式如下：网页标题请将网页内容写在这里将这段代码输入到文本编辑器，保存为 HTML 文件（扩展名为.htm 或.html），然后用 IE浏览器打开它，显示效果如图 2-2 所示。图 2-
36、2 网页效果 下面对常用的 HTML 标记作一些介绍。 1基本标记（1）html：html 文件必须包含 html 标记，该标记由和构成，是起 始标记，是结束标记。和之间包含所有代码。网页浏览器在读入 html 文件时，会根据 html 标记将文件识别和解释为网页文件。（2）head：head 标记为文件头标记，由和构成，用来定义文件头信息。（3）title：Title 标记为标题标记，由和构成，包含于和之间。 用来定义网页的标题，该标题将显示在浏览器窗口标题栏中。（4）body：Body 标记为网页主体标记，由和构成。用来定义 HTML 文 件的显示内容，包括文字、图像、动画、段落、表格等。
37、2文字及段落标记（1）basefont：Basefont 是文字基本属性标记。通过此标记可设置文字的基本字体、颜 色、大小。采用 face 属性指定字体列表，Color 属性指定颜色，其值可用颜色名或颜色的十六进制 代码，size 属性指定大小，其值可取 17，7 号字最大，1 号字最小。例如：绿色 4 号幼圆字体（2）font：Font 是文字属性标记，用于设置文字的字体、颜色、大小。例如：楷体、6 号、红色文字 若 size 的值取n，n 为自然数，则是指定相对大小。例如：基本文字大小为 4文字大小为 5文字大小为 2基本文字大小为 4，加 1 后文字大小为 5，减 2 后文字大小为 2。
38、（3）Align：Align 标记用于设置对齐方式，往往与其他标记结合使用。Align 的取值为left（左对齐）、center（居中对齐）、right（右对齐）3 种，例如在网页代码中添加如下 3 行：文本左对齐文本居中对齐文本右对齐浏览效果如图 2-3 所示。图 2-3 对齐方式示例（4）P：P 标记是段落标记，由和构成，可省略。其作用是用来分开正文使 各部分独立成段，以便作为一个对象来处理。（5）br：br 标记是换行标记，由构成。其作用是强制文本换行，但不产生空行，该 标记前后的内容仍属同一段。其他的部分文字及段落标记见表 2-1 所示。表 2-1 部分文字及段落标记标签作用定义标题文
39、本大小，其中 n 取 16 的数字，共有 H1、H2、H3、 H4、H5、H6 这 6 级标题设置粗体字设置斜体字设置下划线设置删除线设置打字体（固定宽度文字）设置上标设置下标续表标签作用设置注释将指定的基本字号加大 1将指定的基本字号减小 1将内容居中显示以文件原始格式显示3链接标记链接标记是 HTML 中最重要的标记，它可以将成千上万的网页连在一起，使你随心所欲 地浏览，畅游多姿多彩的网络世界。（1）：此标记用于设定基本 URL，以后只要设定文件名即会自动加上该 URL。 其主要属性有：href（链接的 URL）、target（指定用于打开链接页面的目标框架或窗口）。例如：中国建设银行 当用户点击“中国建设银行”链接时，将在新窗口中打开如下网页。 （2）：此标记用于设置超级链接。其主要属性有：href（链接的 URL）、name（名称），target（指定用于打开链接页面的目标框架或窗口）。例如：外部链接的形式如下：搜狐
