个人主页制作随身宝典.docx

1、个人主页制作随身宝典萧欹 主编谢强 石建军 邵阳 王科 刘海 编华中科技大学出版社内 容 简 介本 书 是 一 本 初 、 中 级 网 络 用 户 学 习 如 何 在 最 快 的 时 间 内 制 作 出 一 个 具 有 专 业 水 准 的 个 人 主 页 的 参 考 书 。 全 书 内 容 丰 富 、 图 文 并 茂 、 讲 解 详 略 得 当 ， 行 文 生 动 、 活 泼 ， 相 信 是 一 本 具 有 一 定 实 用 价 值 的“口袋书” 。全书分为 8 个 章 节 ， 分 别 讲 述 了 制 作 个 人 主 页 过 程 中 涉 及 到 的 每 个 步 骤 和 方 方 面 面 的 知 识

2、 细 节 。 主 要 包 括 这 样 一 些 内 容 ： 制 作 个 人 主 页 的 准 备 工 作 ： 网 站 内 容 的 规 划 、 免 费 空 间 的 申 请 、 制 作 工 具 的 介 绍 等 ； 自 己 动 手 ： 包 括 4 个 主 要 制 作 工 具 的 使 用 知 识 ， 常 见 问 题 的 处 理 ， 常 见 技 巧 的 应 用 等 ； 维 护 和 升 级 ： 个 人 主 页 的 发 布 和 更 新 、 附 录 中 附 有 大 量 相 关 知 识 的 提 高 内 容 和 网 站 地 址 ， 便 于 您 的 自 学 和 提高。本书既可作为初、中级网络用户的主页制作指导书，也可作

3、为高级网络使用者的备查参考书。图 书 在 版 编 目 (CIP)数 据个人主页制作随身宝典/萧欹 主著 武汉：华中科技大学出版社, 2001 年 6 月ISBN 7-5609-2308-9/TP393.092. I. .个 人 主 页 制 作 随 身 宝 典 萧 欹 编著责任编辑：曾 光 封面设计：潘 群责任校对：王崇军 责任监印： 出版发行：华中科技大学出版社武昌喻家山 邮 编 ： 430074 电 话 ： (027)87542624经销：新华书店湖北发行所 录排：华中科技大学惠友科技文印中心 电 话 ： (027)87543977 印刷：开本： 印张： 字数： 版次：2001 年 7 月第

4、 1 版 印 次 ： 2000 年 7 月第 1 次印刷印数： 定价：16.40元(本书若有印装质量问题，请向出版社发行科调换)1目 录目 录第 1 章 拥 有 自 己 的 空 间 .(1) 1.1 热身运动 (1)1.2 前期准备 (5)1.3 安家立业 (12)1.4 小结 (15)第 2 章 HTML 语言 .(17)2.1 初识 HTML (17)2.2 熟悉 HTML (20)2.3 深入 HTML (36)2.4 小结 (56)第 3 章 页 面 布 局 .(58)3.1 认识 FrontPage .(58)3.2 开始您的第一页 .(60)3.3 进一步编辑您的网页 .(64)3

5、.4 表 格 的 使 用 (73)3.5 网 页 的 框 架 (83)3.6 装 饰 您 的 网 页 (91)3.7 小结 (99)第 4 章 组 织 您 的 网 站 (101)4.1 超链接 (101)4.2 MAP 的应用 .(110)4.3 导航栏 (112)4.4 管 理 您 的 站 点 (113)4.5 小结 (120)第 5 章 图 形 处 理 .(123)5.1 使用 Photoshop.(123)5.2 基础知识 (123)5.3 第 一 次 使 用 (127)5.4 使 用 工 具 箱 (129)5.5 控制面板 (135)5.6 图像处理 (141)5.7 文 字 特 效

6、示 例 (156)5.8 小结 (164)第 6 章 添 加 动 态 效 果 (166)6.1 JavaScript 简介 .(166)6.2 JavaScript 实例 .(170)6.3 Flash 知识 .(180)6.4 Flash 实例 .(189)2个人主页制作随身宝典6.5 小结 (206)第 7 章 融 入 Internet 社区 .(207)7.1 留 言 本 的 申 请 (207)7.2 计 数 器 的 申 请 (216)7.3 投 票 箱 的 申 请 (220)7.4 新闻网页的建立 .(227)7.5 讨 论 组 (论 坛 )的 建 立 (231)7.6 小结 (235

7、)第 8 章 发 布 您 的 主 页 (236) 8.1 上传 (236)8.2 管理 (240)8.3 宣传 (242)附录 A 免 费 资 源 网 站 .(247)附录 B JavaScript 语法表 (276)附录 C 制 作 主 页 常 见 问 题 解 答 (293)1第 1 章 拥 有 自 己 的 空 间第 1 章 拥有自己的空间1.1 热身运动1. 您了解网页吗？相信阅读此书的读者都有过上网的经历，因此对网页不会毫无印象。国内的 Internet 起步虽晚， 但发展很快，现在的网站不论是页面美工、布局，还是内容，比起国外网站都毫不逊色。我们把在 Internet 上拥有统一宣传名

8、称 （比如 “新浪” ） 、 提供地址 （比如 “http:/”） 并可以访问的网页群叫做网站：访问网站时显示在同一个窗口中的页面叫做网页，或者叫 Web。访问网站的方式叫做 WWW 浏览，这是 Internet 的 主 要 服 务 之 一 ， 使 用 Http 协议，将 Internet 上 的 文 本 、 图 像 、 音 频 、 视 频 等 信 息 按 一 定 组 合 方 式 传 送 到 上 网 者 的 硬 盘 里 ， 用 户 用 专 门 的 浏 览 器 就 能够显示含有这些信息的图形化页面了。 当然， Internet 还有 其他功能和服务， 比如说远程登录 （T elnet） 、 文件

9、传输（F tp） 、新闻组（N ews Group）等等，但在本书中将只涉及到 WWW 和 Ftp 的知识。WWW 全称为 World Wide Web， 中 文 译 为 万 维 网 ， 也 可 称 为 3W、 环 球 网 等 。 WWW 是 Internet出现以来发展最快的服务，现己成为人们在网上获取、发布信息的主要手段。但是，如果有人说 WWW 叫 做“W orld Wide Wait”，您也 不必惊疑，因为它的意思是说“全世界 都在等待” 。 在 Internet 上， 传 送信息速度的确比较慢 ， 所以在某些时候要在浏览器中看到一个完整的 页面，总需要一定时间的等待。但是随着网络软硬

10、件环境的改善，上网速度己经有了很大的提高。WWW 的 迅 猛 发 展 得 益 于 浏 览 器 的 出 现 。 现 在 的 浏 览 器 把 原 来 WWW 的 文 本 显 示 方 式 改 为 窗 口 模 式 的 图 文 混 排 显 示 方 式 ， 从 而 Web 设 计 成 了 美 工 创 作 者 的 新 天 地 ， 一 幅 幅 多 姿 多 彩 的 页 面 吸 引 了 越 来 越 多 的 使 用 者 。网 页 就 是 用 来 传 递 信 息 的 。 一 个 网 站 就 如 同 一 家 电 视 台 或 者 一 家 报 社 ， 它 为 大 家 提 供 各 种 各 样 的 节目或栏目。 网 站的特别之

11、外就是可以在任意时间去寻找您想看的内容而不必拿着节目预告单等待时 间的到来或在报刊馆苦苦寻找上星期的某份报纸。2. 您需要自己的网站吗？。 对 大 公 司 而 言 ， 通 过 网 站 就 可 以 推 销 产 品 ， 发 布 有 关 产 品 的 技 术 支 持 ， 在 公 司 与 客 户 之 间 搭 起联系的桥梁。 对 小 公 司 而 言 ， 建 立 网 站 就 可 以 为 企 业 、 产 品 做 广 告 ， 网 页 将 不 受 时 间 、 地 域 的 限 制 ， 成 为 “永不落幕的交易会” 。 对 政 府 机 构 而 言 ， 建 立 一 个 网 站 就 可 以 树 立 政 府 的 新 形 象

12、 ， 提 高 政 府 办 事 的 透 明 度 ， 便 于 政 策、法规的发布、说明等。 对教育部门而言，网页可以进行远程教育、模拟考试、网上辅导等多种办学模式的尝试等。美国的 Dell 计算机公司取消了所有产品代理商， 完全在网络上销售产品， 它的销量己经超过了有 上 千 个 技 术 、 销 售 人 员 全 球 满 天 飞 的 许 多 电 脑 公 司 ， 成 为 微 型 计 算 机 世 界 的 第 一 品 牌 。 公 司 主 页 如 图 1.1 所示。 对个人而言 可以通过网页介绍自己，表达自己的观点、情感，让更多、更广的人了解自己： 可以根据自己的爱好建立网站，这样就可以和全世界志同道合的朋

13、友方便地交流： 可以为自己的家人建立网站，让他们不管在何地都可以知道家人的消息：个人主页制作随身宝典2 可以发表自己的作品、展示自己的收藏，并寻找出售的机会： 可以在学习完本书后建立自己的网站，体现自己的能力：3. 本书中将会用到的术语图 1.1 Dell电 脑 公 司 主 页表 1-1 本 书 常 用 术 语CGI信息服务的标准外部应用接口， 在服务器端用程 序处理 Web 返 回 的 各 种 请 求 ， 并 给 予 回 答Flash一种交互式矢量多媒体技术， 现多用于网页上显 示交互式动画效果续表GIF图 像 互 换 格 式 ， Internet 上 使 用 最 早 、 应 用 最 广 泛

14、的图像格式，支持透明色，支持动画Homepage“主页” 的英文单词， 指进入一个网站后显示的 第一个页面HTML超 文 本 标 记 语 言 (Hypertext Markup Language)， 一种编写网页的语言JAVASUN 公司专为 Internet 开发的程序设计语言， 因 其兼容性、安全性等优点而得到广泛的应用JavaScript嵌入浏览器的解释性脚本语言， 衍生于 JAVA 语 言。不需要编译，由浏览器解释运行JPEG 在 Internet 上 被 广 泛 支 持 的 图 像 文 件 格 式URL统一资源定位器（U niform Resource Locator） ， 文件名的

15、网络扩展，用于定位 Internet 上的文 件Web包 含 许 多 连 接 在 一 起 的 用 于 表 达 某 一 目 的 的 网 页的总称第 1 章 拥 有 自 己 的 空 间81.2 前期准备1. 制作主页的步骤在 做 任 何 一 件 事 之 前 ， 必 须 有 一 个 计 划 ， 这 样 将 有 章 可 循 ， 事 半 功 倍 。 在 您 读 本 书 之 前 ， 我 们 像 秘 书 一 样 为 您 拟 定 一 个 计 划 ： 您 可 以 安 排 好 自 己 的 时 间 ， 每 完 成 一 个 步 骤 之 后 在 其 后 的 小 方 框 里 划 上 一个“J” ：所有的事情做完之后，将您

16、的网站地址寄给我们并留下您的 E-mail 地址 ，我们愿意为您 的网站提出一些诚恳的建议。 基础学习基础知识（本书第一、二章） 口 按清单准备硬件、软件 口 申请免费主页（本书第一章） 口 制作主页前的准备选择题材 口 规划框架 口 收集资料 口 制作主页网页制作工具（本书第三章） 口 网站的组织（本书第四章） 口 加入图片（本书第五章） 口 加入网页特效（本书第六章） 口 上传和调试网页 加入计数器或留言板等（本书第七章） 口 上传主页（本书第八章） 口 宣传和管理主页交换链接 口 加入搜索引擎 口 定期更新主页 口 保护网站的安全 口 2. 制作主页的条件在动手之前，请按下列清单准备硬件

17、、软件，最好“一个都不能少” 。硬 件一台计算机 频率越高越好一部不欠费的电话 杂音越小越好一只好“猫” （Modem ） 速度越快越好软件（本书内容以下列软件为例）浏览器 Internet Explorer 5HTML 编辑 Frontpage、 记 事 本图像处理 Photoshop、 Flash、 Animagic、 GIF Animator文件上传 Cuteftp这 些 都 是 必 要 条 件 ， 如 果 条 件 许 可 ， 还 可 以 考 虑 配 置 一 台 扫 描 仪 ， 这 样 就 可 以 将 自 己 和 亲 人 的 照 片 输 入 电 脑 了 ： 也 可 以 装 备 ISDN，

18、 不 仅 可 提 高 上 网 速 度 ， 还 可 以 同 时 上 网 和 打 电 话 。 如 果 是 企 业 上 网 ， 不 妨 考 虑 租 用 专 线 。为 了 拓 宽 您 的 知 识 面 ， 建 议 在 有 一 定 设 计 主 页 经 验 后 再 尝 试 使 用 其 他 相 关 软 件 ， 比 如 浏 览 器 可 以第 1 章 拥 有 自 己 的 空 间4古典音乐 国画画廊音乐天堂 陶艺园地MIDI 金曲 古典诗词影视偶像 漫画天地科幻小说 金庸客枝 美容美发 摄影专家武器博览 旅游天地 健康资讯 女性之友游戏排行 免费软件 电子贺卡 骇客资讯象棋世家 体育博览 少年园地 球迷之家电影世界

19、 流行情报 美食天地 天文星空笑话幽默 网上教室 网上花店 爱情占星超频天堂 电脑杂志 宠物世界 媒体大师选用 Netscape 公司的 Netscape 浏览器或 Opral 软件公司的 Opral，至于网页制作工具还可以使用更加 专业化的 Macromedia 公司的 Dreamweaver。 图像处理也有其他选择， 比 如 Jasc 软件公 司的 Paint Shop 等。3. 网站的内容的确定(1) 选择主题如果和一位 IT 行业专业人员讨论您的网站应该做些什么， 他也许会建议： 要么做 “流量” 、 要么 做 “内容” 、 要 么 做 “服务” ， 然后如果您的网站取得一定成功后，

20、就向商业化发展等等。 但作为初学 者 ， 在 建 站 初 期 ， 首 先 要 考 虑 的 是 网 站 的 内 容 。 我 们 提 供 给 您 一 些 主 题 ， 您 可 以 在 规 划 网 站 时 考 虑 包 含它们：当然，您如果有一个比较好的创意、有独特的内容，那么明确地针对特定的用户群来设计网站， 则 效 果 会 更 好 。 比 如 像 本 书 作 者 之 一 创 建 的 “失 恋 同 盟 ”网 站 ， 给 每 个 处 于 感 情 纠 纷 的 人 一 个 倾 吐 心 声的天地，为他们提供爱情咨询等等。小建议 个人主页的选材最好小而精。除非您是超人，否则您也就不会有精力制作一个包罗万象的个

21、人站点。涉及的东西太多，给人的感觉是没有主题，反而没有特色。 网页必须更新快才 有 “回头客 ”， 目前最受欢迎的个人主页都是天天更新甚至几小时更新一次。 所选的题材最好是您自己擅长或者喜爱的，这样在制作时，才不会觉得无聊或者力不从心。 内 容 不 要 太 滥 或 者 目 标 太 高 。 “太 滥 ”是 指 到 处 可 见 ， 人 人 都 有 的 题 材 ； “目 标 太 高 ”是 指 在 这 一 题 材 上 已 经 有 非 常 优 秀 、 知 名 度 很 高 的 站 点 。(2) 规划框架 建立网站好比是一项构思精巧的工程。 就像造高楼， 需要设计图纸、 规划好结构： 也好比写文章，要构思好

22、提纲，才不至于逻辑混乱。 因 此 规 划 一 个 网 站 时 ， 就 可 以 用 树 状 结 构 先 把 每 个 页 面 的 内 容 大 纲 列 出 来 ， 尤 其 是 当 您 要 制 作 一个 有 很 多 页 面 的 网 站 时 ， 特 别 需 要 把 这 个 框 架 规 划 好 ， 还 要 考 虑 到 以 后 可 能 的 扩 充 ， 避 免 以 后 又 要 一 改再改整个网站的框架。另 外 还 必 须 考 虑 每 个 页 面 之 间 的 链 接 关 系 ， 是 采 用 星 形 、 树 形 链 接 ， 还 是 网 形 链 接 。 现 在 网 站 普 遍使用 “蒲公英” 式链接， 如图 1.2

23、 所示， 在主页上就包括所有的主要链接 （各主题或栏目） ， 按每个 主链接分别展开，但各主链接之间又相互链接。图 1.2 “蒲 公 英 ”式 链 接个人主页制作随身宝典5这种结构在每个页面的顶端加上水平的主题导航栏 （或在左侧或在右侧加上坚直的主题导航栏） ， 这样在浏览时可以方便地切换到另一个主题，相同主题的页面集中在一起。(3) 收集资料 俗话说： “巧妇难为无米之炊” ， 当您感到手头上缺乏资料的时候， 不妨考虑用以下方法获取需要的素材： 从报纸、杂志、光盘等媒体中把相关的资料进行收集、整理： 收集网络上公开的现成的资料（拷贝时请注明出处 ） ： 从雅虎、搜狐等搜索引擎中收集大量数据、

24、资料： 把国外站点上最新的信息、资料翻译成中文，提供给大家： 或只提供到其他网站的链接，不提供内容。 但 是 收 集 的 资 料 必 须 合 法 ， 任 何 单 位 和 个 人 不 得 利 用 Internet 制 作 、 复 制 、 查 阅 和 传 播 下 列 信 息 ： 煽动抗拒、破坏宪法和法律、行政法规实施的信息： 煽动颠覆国家政权，推翻社会主义制度的信息： 煽动分裂国家、破坏国家统一的信息： 煽动民族仇恨、民族歧视，破坏民族团结的信息： 捏造或者歪曲事实，散布谣言，扰乱社会秩序的信息： 宣扬封建迷信、淫秽、色情、赌博、暴力、凶杀、恐怖，教唆犯罪的信息： 公然侮辱他人或者捏造事实诽谤他人

25、的信息： 损害国家机关信誉的信息： 其他违反宪法和法律、行政法规的信息。第 1 章 拥 有 自 己 的 空 间61.3 安家立业1. 免费空间介绍主页制作完毕之后，若您不满足于每天在自己的硬盘上孤芳自赏，那就把主页放到 Internet 上让 全世界的朋友都来为您喝彩吧。以后，您可以在自己的名片上加上一个项目： “网址”或“W ebsite”， 这 样 不 是 比 仅 有 一 项 “E-mail”更 为 精 彩 么 ？最先推出这种自导自演服务的是 GeoCities， 如 图 1.3图 1.3 被 Yahoo收 购 后 GeoCities的 主 页 面所示，让用户自己制作主页，并将相同主题的主

26、页集中在一起形成社区。如同 Internet 上 的 许 多 服 务 一 样 ， 虽 然 仅 仅 是 感 觉 到 它 们 会 有 利 润 存 在 ， 但 这 种 崭 新 的 概 念 马 上 就 有 了 许 多 跟 随 者 。 GeoCities 拥有 350 万会员后被 Yahoo 以 35.6 亿美元收购，实现了它作为发明者的价值。国内也己经有不少网站提供免费空间的服务，最知名的当属网易和 cool163 了，免费空间的详细 网址和介绍见附录 A。虽然都是免费，但在众多的服务者之间也必须有所选择，大家可以从以下几个方面加以比较。 空间大小：各网站并不一样，从 2MB 到无限大，依您的需要而定

27、。 域名等级：是否能提供短而好记的网址。 访问速度：打开该网站中个人主页面所需时间，越短越好。 稳定程度：网站本身和其提供的个人主页空间能否稳定访问。 服务内容：是否提供 CGI 权限、计数器、留言本、E-mail 等。注意： 一 个 好 的 网 址 对 提 高 访 问 量 有 极 大 的 促 进 作 用 ， 所 以 尽 量 选 择 有 Http:/ 格 式 的 网 址 而 不 要 Http:/ 的 网 址 。 但 如 果 考 虑 其 他 因 素 需 要 使 用 第 二 种 格 式 的 网 址 时 ， 也 可 以 使 用 域 名 转 向 服 务 ， 比 如 网 易 ( h t t p : /

28、/ m y . y e a h . n e t / ) 的免费域名系统。它不提供空间，只提供第一种格式的网址，允许您将它指向您已有的免费空间网址。 如果想要更好的正式国际或国内域名， 可以到相应网站申请， 比如中国万网 （ http:/ 。为 注 册 国 际 或 国 内 域 名 要 付 出 一 定 费 用 ， 但 有 些 域 名 注 册 商 同 时 为 您 提 供 免 费 空 间 。 创 意 好 的 域 名 也 可 以 像 商 品 一 样 交 易 ， 为 您 带 来 回 报 ， 如 ： 易 名 网 (http:/www.domain- 个人主页申请步骤网 络 上 的 申 请 项 目 实 在 太

29、 多 了 ， 几 乎 每 个 大 型 网 站 都 有 自 己 的 用 户 群 ， 要 求 每 个 用 户 注 册 ， 其 他 如 E-mail、 杂 志 、 调 查 、 登 录 等 等 ， 所 以 也 使 得 IE5.0 有机会加上自动填表的功能，成为微软的一个 宣 传 口 号 。 但 网 络 申 请 的 好 处 也 不 少 ， 至 少 它 只 需 要 在 一 个 地 方 按 规 则 填 写 后 即 可 进 行 下 一 步 ， 不 需 要您了解程序，也不需要一个部门一个部门地盖公章。个人主页制作随身宝典7我 们 以 网 易 个 人 主 页 空 间 （ http:/ 为 例 ， 介 绍 个 人

30、主 页 的 申 请 步 骤 。 进入网易主页面以后找到“注册登记”之类的按钮或文字链接，点击后就会进入申请程序。 对于协议书，如果有兴趣的话可以阅读，否则点击“我同意”按钮进入下一步。 取 一 个 您 喜 欢 而 又 不 与 他 人 重 复 的 账 号 ， 最 好 是 容 易 记 住 的 那 种 ， 例 如 ： 取 名 lover 则在网易 的网址为 一 般 您 应 该 提 前 想 好 510 个名称，因为常用的英文单词只有 5000 左右，而申请人数会有好几十万。 设 定 密 码 并 填 一 些 关 于 您 和 您 的 主 页 的 资 料 （ 姓 名 、 身 份 证 号 码 、 E-mai

31、l、 省 份 、 兴 趣 爱 好 、 单位等） 。 注册成功后， 系统会按您填写的 E-mail 地址发一封确认信， 收到后不要修改 ， 直接回复即可。 隔一段时间，就会收到账号开通的消息。也有些站点是立即申请立刻使用的。如 果 您 正 常 收 到 确 认 信 ， 那 么 恭 喜 您 ！ 您 在 网 上 的 家 园 己 经 可 以 入 住 了 ， 现 在 尽 快 将 您 的 主 页 制 作完毕上传，因为在一定时间内您没有使用您的空间，您的资格将会被取消。如果没有收到确认信， 再按上面的步骤检查一遍，看看是哪个环节出了问题。1.4 小结读完本书第 1 章后，您应该完成以下工作，然后再投入到丰富多

32、彩的知识积累与实践中。 J 不管您是想发布自己的信息还是想为朋友提供一个相聚的场所，请确定您的网站主题。 J 为您的网站起一个独特或响亮或容易记忆的中文名称和网址（账号）名。J 访 问 本 书 附 录 列 举 的 免 费 资 源 网 站 ， 收 集 尽 可 能 多 的 资 料 ， 包 括 图 片 、 文 本 等 ， 以 供 制 作 网 页时使用。J 访 问 尽 可 能 多 的 网 站 ， 吸 取 其 他 人 的 制 作 网 页 的 技 巧 和 规 范 ， 有 必 要 时 ， 下 载 一 些 页 面 供 您 模拟使用。J 访问本书附录列举的免费空间，选择一个或几个您所中意的网站申请空间。 有了自

33、己的“家” ， “装修”时间往往会很紧迫，不要歇息，开始进入制作网页的学习吧！17第 2 章 HTML 语 言第 2 章 HTML语 言2.1 初 识 HTMLHTML 是一种用于编写超文本文档的标记语言 ， 网页就是用这种语言写出来 ， 然后通过浏览器将 其 “变 ”为一幅幅生动活泼的网页。所以每幅网页可以说就是一个 HTML 文档。最开始，人们在记 事本之类的文本编辑工具中写出一行行的 HTML 语言。后来，因为越来越多的网页需要制作，手工 劳 动 己 不 能 满 足 需 要 ， 于 是 出 现 了 可 视 化 的 网 页 制 作 工 具 ， 使 网 页 制 作 变 成 了 “工 业 化

34、”生 产 。 在 现 代网页制作工具的帮助下，制作网页己经不再是 “写 ”了，几乎像在 “画画 ”。那么 ， HTML 没用了吗？当然不是 。 可视化的网页编辑工具会帮您 将 “画 ”出的网页转换成 HTML 语言，浏览器则将 HTML 代码转换为图形界面。所以网页编辑工具最终生成的还是 HTML 代码，浏 览器最终也是根据 HTML 代码来显示页面的，如果您对 HTML 的基本语法有所了解，将会对您编写 网页有极大的帮助，使您制作网页时有更多的灵活性。技巧 ： 在您使用 IE 浏览网页 的时候， 可以用 “查看” 菜单中的 “源文件” 选项获得该网页的 HTML 源 代 码 。 如 果 网

35、页 使 用 多 帧 ， 则 在 该 帧 上 ， 单 击 鼠 标 右 键 ， 在 弹 出 的 快 捷 菜 单 中 选 “查 看 源 文 件 ”项 ， 即可获得该帧页面的 HTML 源代码。下面的例子是一个用 HTML 写成的完整的页面：这 里 是 HTML 文 档 的 标 题 这里是 HTML 文档的主体部分您可能己经注意到：. 所有的 HTML 标记都是用 “”括起来的. 标记都是成对出现，只是后一个标记前面多一个 “/”号，它表示这对标记所起作用的范围结 束了. 标记中可以嵌套标记. 标记是不分大小写的每个标记都有它的含义 。 上面的标记 表示定义了一个 HTML 文 档 的开始 ； 相应的

36、 ， 就表示这个 HTML 文档的结束。在这对标记之间的就是这个 HTML 文 档 的 内 容 。 接 下 来 的 标 记表示 HTML 文 档 的 “头 ”部 分 开 始 了 ， 在 “头 ”部 分 中 ， 您 可 以 加 入 对 文 档 的 定 义 、 描 述 和 说 明 。嵌 套 在 之 中 ， 它 们 之 间 的 文 本 是 该 HTML 文 档 的 标 题 ， 当 您 用 浏 览 器 浏 览 时 它 会 显 示 在 浏 览 器 的 标 题 栏 中 。 中 包 含 的 是 HTML 文 档 的 主 体 部 分 ， 也 就 是页面中具体显示的内容。不 同 的 标 记 对 可 以 看 做

37、是 不 同 的 部 分 ， 每 一 部 分 一 般 都 可 以 有 一 些 属 性 ， 对 属 性 的 说 明 要 加 在 第 一 个 标 记 之 中 。 比 如 在 标 记 中 ， 您 可 以 加 入 规 定 整 个 文 档 的 一 些 基 本 属 性 。18个人主页制作随身宝典BGCOLOR 指明文档的背景色BACKGROUND 指定文档的背景图案所在的文件TEXT 指明文档中文字的颜色LINK指明文档中还没有连接的超级链 接的颜色ALINK指明文档中正在连接的超级链接 的颜色VLINK指明己经访问过的超级链接的颜 色例如，将 HTML 文档的背景设置为绿色，可以这样描述：或者是：属性的描

38、述 用 “=”， 属性之间至少有一个空格隔开 ， 属性名称不分大小写 。 颜色使用英文单词或 直接用 RGB 代码，可以用双引号也可以不用。2.2 熟 悉 HTML在上一节中介绍了 HTML 文 档 的 基 本 组 成 ， 本 节 将 介 绍 HTML 文 档 中 的 一 些 常 用 标 记 。 既 然 一 般不使用 HTML 直接编辑网页了，那么介绍的目的也只是让您能够看懂 HTML 语法，或能够对网页 编辑工具生成的 HTML 代码做一些小的修改。在编写 HTML 时，请使用 Windows 9X 的 记 事本程序（在 “开始 -程序 -附件 ”中 ） 。保存文件 时，请将扩展名改为 “.

39、HML”，否则浏览器不会认为它是一个 HTML 文 档。技巧 ： 如果您在 Windows 9X 中无法更改文件扩展名，则可以按以下方法实现 ： 打开资源管理器，选菜单“查看文件夹选项” ； 在出现的窗口中选择“查看”选项卡 ； 在高级设置中找到“隐藏已知文件类型的扩展名”一项，取消它的选择，如图 2.1 所示。图 2.1 更 改 文 件 扩 展 名在 更 改 文 件 扩 展 名 的 同 时 ， 文 件 的 图 标 也 会 作 相 应 的 改 变 ， 由 文 本 文 件 的 图 标 变 成 网 页 文 件 的 图 标。19第 2 章 HTML 语 言1. 文本标记(1) 标 记 对 该 标 记

40、 对 用 于 控 制 文 本 显 示 格 式 ， 通 过 改 变 其 中 的 属 性 值 ， 可 以 达 到 不 同 的 效 果 。 Size 属性用于指 示 字 体 的 大 小 ， Web 字体分为 7 级，给 Size 赋予从 1 到 7 的 数 字 ， 可 以 改 变 字 体 的 大 小 ； Color 属 性 用 于 指 示 字 体 的 颜 色 ， 可 以 使 用 black、 olive、 teal、 red、 blue、 maroon、 navy、 gray、 lime、 fudrsia、 white、 green、 purple、 sliver、 yellow、 aqua 之 一

41、 ， 或 使 用 RGB 颜 色 值 （ 用 “#”加 上 6 位十六进制数 组成 ） 。(2) 标 记 对 （ x=1,2,3,4,5,6）夹在该标记对中的文字是 HTML 文 档 中 的 标 题 。 这 里 所 谓 的 标 题 ， 其 实 就 是 用 加 大 或 是 加 黑 的 字 体 显 示 的 各 种 字 符 。 标 记 对 一 共 分 为 六 级 。 的 字 体 最 大 ， 其 余 的 字 体 依 次 减 小 。 在使用中 ， 第一个标题应从 开始 ， 并且以后不要跳级使用 。 标 记 中也可以有属性 ， 如 COLOR、 ALIGN 等 。 COLOR 指的是该标题文本的颜色 ；

42、ALIGN 指 明了标题是按照 left(左对齐 )， center（居中 ） ， 还是 right(右 对 齐 )来 排 列 。 值 得 注 意 的 是 ， 每 个 标 记 隐 含 了 换 行 的 作 用 。例，可在记事本中写出如下 HTML 语句，并保存为网页文件。Hx 标 记 的 例 子 这 是 第 一 级 标 题 。 这 是 第 二 级 标 题 。 这 是 第 三 级 标 题 。 这 是 第 四 级 标 题 。 这 是 第 五 级 标 题 。 这 是 第 六 级 标 题 。 用 IE 浏览器浏览刚刚保存的 HTML 文档，将看到如图 2.2 所示的界面。图 2.2 HTML文 档 中

43、的 标 题从中也可以看到，其 COLOR 的 默 认 颜 色 是 黑 色 ； ALIGN 的默认排列方式是左对齐。 (3) 标记“br”就是 Break， 换 行 的 意 思 。 标 记 是 单 独 出 现 的 ， 其 作 用 就 是 在 HTML 文档中插入一个 回车符。如果 HTML 文 档 中 没 有 标 记 ， 则 浏 览 器 会 根 据 浏 览 器 窗 口 的 宽 度 尽 可 能 地 显 示 文 本 。 在 HTML 文本中直接敲入回车键是不能达到文本换行的效果的。下面是一个运用 标记的例子。20个人主页制作随身宝典br 运 用 的 例 子 这 是 一 个 br 运用的例子。在 IE

44、 浏览器中查看，可以看到如图 2.3 所示的界面。(4) 标记图 2.3 HTML文 档 中 的 回 车 符P 是 Paragraph（ 段 落 ） 的 第 一 个 字 母 ， 顾 名 思 义 ， 标 记 是 用 来 划 分 段 落 的 。 一 般 在 HTML 文 档 中 加 入 一 个 标 记 会 插 入 一 个 空 臼 行 ， 由 于 浏 览 器 在 遇 到 标 记 后 就 己 经 插 入 了 空 臼 行 ， 所 以标 记 常 常 可 以 省 略 。 标 记 也 可 以 添 加 ALIGN 属性，其含义与 标记中的相同。我们也用 下面的一个例子来展现它的功能，运行界面如图 2.4 所示。

45、p 标 记 使 用 的 例 子 图 2.4 标 记段落左对齐。 段落居中。段 落 右 对 齐 。 21第 2 章 HTML 语 言(5) 标 记 对标 记 是 预 格 式 化 标 记 。 在 前 面 曾 说 过 ， HTML 文档是不支持回车键的，并且也不支持连续 空格 。 但是如果我们在 标记 对 中键入回车键 ， 文本将换行 ， 其实在 标记对 之间的空格、换行、以及 Tabs 等都将在浏览器中按原含义显示。也就是说，浏览器将按编辑文档时 的 字 符 位 置 将 标 记 之 间 的 内 容 忠 实 的 、 一 成 不 变 地 显 示 出 来 。 例 如 ：pre 的 例 子 这是一个pre

46、 标记的例子。在 IE 浏览器中浏览的结果如图 2.5 所示。(6) 标记图 2.5 标 记 对标 记 是 独 立 使 用 的 标 记 。 其 作 用 是 换 行 ， 并 在 该 行 下 画 一 条 水 平 线 。 它 有 三 个 属 性 ： SIZE， WIDTH， ALIGN。 SIZE 属 性 指 横 线 的 高 度 ； WIDTH 属 性 指 横 线 的 宽 度 ； ALIGN 指定横线的对齐方 式。(7) 、 、 标 记 对 这三个标记对都是用来控制字符格式的标记 。 标记对中的文字将加粗显示 ； 中的文字将变为斜体 ； 中的文 字 将带上下划线 。 下面的例子是上面所讲的四个标记的

47、应用。四 个 标 记 的 例 子 这是 hr 的例子。 这 是 黑 体 字 。 这 是 斜 体 字 。 22个人主页制作随身宝典这 是 带 下 划 线 的 字 。 在 IE 浏览器中查看的界面如图 2.6 所示。 (8) 标 记 对用该标记对可以实现 HTML 文 档 中 的 无 序 列 表 ， 在 首 标 记 和 尾 标 记 之 间 的 内 容 就 是 无 序 列 表 的 内 容 。 在 无 序 列 表 中 ， 每 一 列 表 项 的 起 始 都 必 须 用 标 记 来 标 识 ， 结 束 的 标 记 是 可以省略的。(9) 标 记 对 该标记对用来实现有序列表， 之间的就是有序列表中的内容

48、。 标记可以加上一个属性： START，其值指定了有序序列的起始号。和 标记中一样，每一列表项都需要用 标记来标识。(10) 标 记 对图 2.6 字 符 格 式 的 标 记目录列表标记对，该标记对的作用和无序标记对的基本相同，只是通常用来标记较短的目录。(12) 标 记 对这对标记用来标记描叙性列表。在 中含有一系列由描述项标记 或解释项标记标 识 的 列 表 项 。 、 标 记 和 标 记 一 样 ， 都 是 可 以 单 独 使 用 的 。 下面我们将用一个例子来展示上面 4 个标记对的使用效果。列 表 的 例 子 第 一 个 无 序 列 表 的 例 子第 二 个 无 序 列 表 的 例 子这 是 第 一 个 有 序 列 表 的 例 子这 是 第 二 个 有 序 列 表 的 例 子A-KL-P23第 2 章 HTML 语 言Q-Z学 生 姓 名张 三李 四王