WWW 基 础 知 识 长 安 大 学 计 算 机 基 础 教 学 委 员 会
讲 授 内 容 Internet 发 展 简 史 WWW 基 础 HTML 简 介 制 作 一 个 HTML 页 面 HTML 文 档 结 构 HTML 基 本 元 素
Internet 发 展 简 史 Internet 的 起 源 Internet 可 以 说 是 美 苏 冷 战 的 产 物, 它 的 由 来 可 以 追 溯 到 1962 年 当 时, 美 国 国 防 部 为 了 保 证 美 国 本 土 的 防 卫 力 量 和 海 外 防 御 武 装 在 受 到 前 苏 联 第 一 次 核 打 击 以 后 仍 然 具 有 一 定 的 生 存 和 反 击 能 力, 认 为 有 必 要 设 计 出 一 种 分 散 的 指 挥 系 统 : 它 由 一 个 个 分 散 的 指 挥 点 组 成, 当 部 分 指 挥 点 被 摧 毁 后, 其 它 点 仍 能 正 常 工 作, 并 且 这 些 点 之 间, 能 够 绕 过 那 些 已 被 摧 毁 的 指 挥 点 而 继 续 保 持 联 系 为 了 对 这 一 构 思 进 行 验 证,1969 年, 美 国 国 防 部 国 防 高 级 研 究 计 划 署 (DoD/DARPA) 资 助 建 立 了 一 个 名 为 ARPANET 的 网 络, 这 个 网 络 把 位 于 洛 杉 矶 的 加 利 福 尼 亚 大 学 位 于 圣 芭 芭 拉 的 加 利 福 尼 亚 大 学 斯 坦 福 大 学, 以 及 位 于 盐 湖 城 的 犹 它 州 州 立 大 学 的 计 算 机 主 机 联 接 起 来, 位 于 各 个 结 点 的 大 型 计 算 机 采 用 分 组 交 换 技 术, 通 过 专 门 的 通 信 交 换 机 和 专 门 的 通 信 线 路 相 互 连 接 这 个 阿 帕 网 就 是 Internet 最 早 的 雏 形
Internet 发 展 简 史 早 期 Internet 上 的 重 要 应 用 到 1972 年 时,ARPANET 网 上 的 网 点 数 已 经 达 到 40 个, 这 40 个 网 点 彼 此 之 间 可 以 发 送 小 文 本 文 件 ( 当 时 称 这 种 文 件 为 电 子 邮 件, 也 就 是 我 们 现 在 的 E-mail) 和 利 用 文 件 传 输 协 议 发 送 大 文 本 文 件, 包 括 数 据 文 件 ( 即 现 在 Internet 中 的 FTP), 同 时 也 发 现 了 通 过 把 一 台 电 脑 模 拟 成 另 一 台 远 程 电 脑 的 一 个 终 端 而 使 用 远 程 电 脑 上 的 资 源 的 方 法, 这 种 方 法 被 称 为 Telnet 由 此 可 看 到,E-mail,FTP 和 Telnet 是 Internet 上 较 早 出 现 的 重 要 工 具, 特 别 是 E-mail 仍 然 是 目 前 Internet 上 最 主 要 的 应 用
Internet 发 展 简 史 TCP/IP 协 议 的 诞 生 1972 年, 全 世 界 电 脑 业 和 通 讯 业 的 专 家 学 者 在 美 国 华 盛 顿 举 行 了 第 一 届 国 际 计 算 机 通 信 会 议, 就 在 不 同 的 计 算 机 网 络 之 间 进 行 通 信 达 成 协 议, 会 议 决 定 成 立 Internet 工 作 组, 负 责 建 立 一 种 能 保 证 计 算 机 之 间 进 行 通 信 的 标 准 规 范 ( 即 通 信 协 议 ); 1973 年, 美 国 国 防 部 也 开 始 研 究 如 何 实 现 各 种 不 同 网 络 之 间 的 互 联 问 题 1974 年,IP(Internet 协 议 ) 和 TCP( 传 输 控 制 协 议 ) 问 世, 合 称 TCP/IP 协 议 这 两 个 协 议 定 义 了 一 种 在 电 脑 网 络 间 传 送 报 文 ( 文 件 或 命 令 ) 的 方 法 随 后, 美 国 国 防 部 决 定 向 全 世 界 无 条 件 地 免 费 提 供 TCP/IP, 即 向 全 世 界 公 布 解 决 电 脑 网 络 之 间 通 信 的 核 心 技 术,TCP/IP 协 议 核 心 技 术 的 公 开 最 终 导 致 了 Internet 的 大 发 展 到 1980 年, 世 界 上 既 有 使 用 TCP/IP 协 议 的 美 国 军 方 的 ARPA 网, 也 有 很 多 使 用 其 它 通 信 协 议 的 各 种 网 络 为 了 将 这 些 网 络 连 接 起 来, 美 国 人 温 顿 瑟 夫 (Vinton Cerf) 提 出 一 个 想 法 : 在 每 个 网 络 内 部 各 自 使 用 自 己 的 通 讯 协 议, 在 和 其 它 网 络 通 信 时 使 用 TCP/IP 协 议 这 个 设 想 最 终 导 致 了 Internet 的 诞 生, 并 确 立 了 TCP/IP 协 议 在 网 络 互 联 方 面 不 可 动 摇 的 地 位
Internet 发 展 简 史 Internet 的 基 础 NSFNET Internet 的 第 一 次 快 速 发 展 源 于 美 国 国 家 科 学 基 金 会 (National Science Foundation 简 称 NSF) 的 介 入, 即 建 立 NSFNET 80 年 代 中 期, 美 国 国 家 科 学 基 金 会 (NSF) 为 鼓 励 大 学 和 研 究 机 构 共 享 他 们 非 常 昂 贵 的 四 台 计 算 机 主 机, 希 望 各 大 学 研 究 所 的 计 算 机 与 这 四 台 巨 型 计 算 机 联 接 起 来 最 初 NSF 曾 试 图 使 用 DARPANet 作 NSFNET 的 通 信 干 线, 但 由 于 ARPANet 的 军 用 性 质, 并 且 受 控 于 政 府 机 构, 这 个 决 策 没 有 成 功 于 是 他 们 决 定 自 己 出 资, 利 用 ARPANET 发 展 出 来 的 TCP/IP 通 讯 协 议, 建 立 名 为 NSFNET 的 广 域 网 1986 年 NSF 投 资 在 美 国 普 林 斯 顿 大 学 匹 兹 堡 大 学 加 州 大 学 圣 地 亚 哥 分 校 依 利 诺 斯 大 学 和 康 纳 尔 大 学 建 立 五 个 超 级 计 算 中 心, 并 通 过 56Kbps 的 通 信 线 路 连 接 形 成 NSFNET 的 雏 形 由 于 NSF 的 鼓 励 和 资 助, 很 多 大 学 政 府 资 助 甚 至 私 营 的 研 究 机 构 纷 纷 把 自 己 的 局 域 网 并 入 NSFNET 中, 从 1986 年 至 1991 年,NSFNET 的 子 网 从 100 个 迅 速 增 加 到 3000 多 个 NSFNET 的 正 式 营 运 以 及 实 现 与 其 他 已 有 和 新 建 网 络 的 连 接 开 始 真 正 成 为 Internet 的 基 础 进 入 90 年 代 初 期,Internet 事 实 上 已 成 为 一 个 网 际 网 : 各 个 子 网 分 别 负 责 自 己 的 架 设 和 运 作 费 用, 而 这 些 子 网 又 通 过 NSFNET 互 联 起 来 NSFNET 连 接 全 美 上 千 万 台 计 算 机, 拥 有 几 千 万 用 户, 是 Internet 最 主 要 的 成 员 网 随 着 计 算 机 网 络 在 全 球 的 拓 展 和 扩 散, 美 洲 以 外 的 网 络 也 逐 渐 接 入 NSFNET 主 干 或 其 子 网
WWW 基 础 1)WWW 工 作 原 理 WWW(World Wide Web) 的 含 义 是 环 球 信 息 网, 中 文 名 字 为 万 维 网 或 简 称 为 Web WWW 是 一 个 基 于 超 文 本 (Hypertext) 方 式 的 信 息 检 索 服 务 工 具 1989 年 3 月, 由 欧 洲 量 子 物 理 实 验 室 CERN(the European Laboratory for Particle Physics) 所 发 展 出 来 的 主 从 结 构 分 布 式 超 媒 体 系 统, 将 位 于 全 世 界 Internet 网 上 不 同 地 点 的 相 关 数 据 信 息 有 机 地 编 织 在 一 起 WWW 提 供 友 好 的 信 息 查 询 接 口, 用 户 仅 需 要 提 出 查 询 要 求, 而 到 什 么 地 方 查 询 及 如 何 查 询 则 由 WWW 自 动 完 成 因 此,WWW 为 你 带 来 的 是 世 界 范 围 的 超 级 文 本 服 务 : 只 要 操 纵 电 脑 的 鼠 标 器, 你 就 可 以 通 过 Internet 从 全 世 界 任 何 地 方 调 来 你 所 希 望 得 到 的 文 本 图 像 ( 包 括 活 动 影 像 ) 和 声 音 等 信 息 另 外,WWW 还 可 为 你 提 供 传 统 的 Internet 服 务 :Telnet FTP Gopher 和 Usenet News(Internet 的 电 子 公 告 牌 服 务 ) WWW 的 成 功 在 于 它 制 定 了 一 套 标 准 的 易 为 人 们 掌 握 的 超 文 本 开 发 语 言 HTML 信 息 资 源 的 统 一 定 位 格 式 URL 和 超 文 本 传 送 通 信 协 议 HTTP
WWW 基 础 2) 超 文 本 标 记 语 言 (HTML) HTML(Hyper Text Mark-up Language) 即 超 文 本 标 记 语 言, 是 WWW 的 描 述 语 言, 由 Tim Berners-lee 提 出 设 计 HTML 语 言 的 目 的 是 为 了 能 把 存 放 在 一 台 电 脑 中 的 文 本 或 图 形 与 另 一 台 电 脑 中 的 文 本 或 图 形 方 便 地 联 系 在 一 起, 形 成 有 机 的 整 体, 人 们 不 用 考 虑 具 体 信 息 是 在 当 前 电 脑 上 还 是 在 网 络 的 其 它 电 脑 上 这 样 你 只 要 使 用 鼠 标 在 某 一 文 档 中 点 取 一 个 图 标,Internet 就 会 马 上 转 到 与 此 图 标 相 关 的 内 容 上 去, 而 这 些 信 息 可 能 存 放 在 网 络 的 另 一 台 电 脑 中 HTML 文 本 是 由 HTML 命 令 组 成 的 描 述 性 文 本,HTML 命 令 可 以 说 明 文 字 图 形 动 画 声 音 表 格 链 接 等 HTML 的 结 构 包 括 头 部 (Head) 主 体 (Body) 两 大 部 分 头 部 描 述 浏 览 器 所 需 的 信 息, 主 体 包 含 所 要 说 明 的 具 体 内 容
WWW 基 础 3) 统 一 资 源 定 位 器 (URL) URL(Uniform Resource Locator, 统 一 资 源 定 位 器 ) 是 WWW 资 源 的 地 址, 它 从 左 到 右 由 下 述 部 分 组 成 :scheme://host:port/path Internet 资 源 类 型 (scheme): 指 出 WWW 客 户 程 序 用 来 操 作 的 工 具 如 http:// 表 示 WWW 服 务 器, ftp:// 表 示 FTP 服 务 器 服 务 器 地 址 (host): 指 出 WWW 页 所 在 的 服 务 器 域 名 端 口 (port): 对 某 些 资 源 的 访 问, 需 给 出 相 应 的 服 务 器 提 供 端 口 号 路 径 (path): 指 明 服 务 器 上 某 资 源 的 位 置 ( 其 格 式 通 常 有 目 录 / 子 目 录 / 文 件 名 这 样 结 构 组 成 ) http://www.chd.edu.cn/news/xnxw.html ftp://ftp.chd.edu.cn:8021/pub/webtools/dreamweaver8.zip 必 须 注 意,WWW 上 的 服 务 器 都 是 区 分 大 小 写 字 母 的, 所 以 千 万 要 注 意 正 确 的 URL 大 小 写 表 达 形 式
WWW 基 础 4) 网 站 (Website) 在 因 特 网 上, 根 据 一 定 的 规 则, 使 用 HTML 等 工 具 制 作 的 用 于 展 示 特 定 内 容 的 相 关 网 页 的 集 合 网 站 是 有 独 立 域 名 地 址 和 存 储 空 间 的 内 容 集 合, 是 通 过 互 联 网 向 全 世 界 发 布 消 息 的 地 方 网 站 是 一 种 通 讯 工 具, 就 像 布 告 栏 一 样, 人 们 可 以 通 过 网 站 来 发 布 自 己 想 要 公 开 的 资 讯, 或 者 利 用 网 站 来 提 供 相 关 的 网 络 服 务 人 们 可 以 通 过 网 页 浏 览 器 来 访 问 网 站, 获 取 自 己 需 要 的 资 讯 或 者 享 受 网 络 服 务 网 站 由 网 页 组 成
5) 主 页 (Homepage) 在 World Wide Web 环 境 中, 主 页 面 是 指 个 人 或 单 位 的 基 本 页 面, 是 信 息 提 供 者 设 计 的 信 息 内 容 的 封 面 或 目 录, 用 户 可 以 通 过 主 页 面 提 供 的 线 索, 访 问 其 页 面 的 信 息 和 资 源 主 页 面 对 应 一 个 唯 一 域 名 地 址, 当 用 户 在 浏 览 程 序 上 输 入 域 名 地 址 时 出 现 的 就 是 其 对 应 的 主 页 如 : http://www.chd.edu.cn/index.html
WWW 基 础 6) 网 页 (Webpage) 网 页 是 一 种 用 超 文 本 标 记 语 言 ( 描 述 性 语 言 ) 将 信 息 组 织 起 来, 再 经 过 相 应 的 解 释 器 或 浏 览 器 翻 译 出 的 文 字 图 像 声 音 动 画 等 多 种 信 息 组 织 方 式 网 页 又 称 HTML 格 式 文 件, 是 一 种 可 以 在 WWW 上 传 输, 能 被 浏 览 器 别 识 并 显 示 出 来 的 文 件, 扩 展 名 为.html.asp.php.jsp 等 网 页 实 际 是 一 个 文 件, 它 存 放 在 世 界 某 个 角 落 的 的 某 一 台 计 算 机 中, 而 这 台 计 算 机 必 须 是 与 互 联 网 相 连 的 网 页 经 由 网 址 ( URL ) 来 识 别 与 存 取, 当 我 们 在 浏 览 器 输 入 网 址 后, 经 过 一 段 复 杂 而 又 快 速 的 程 序, 网 页 文 件 会 被 传 送 到 你 的 计 算 机, 然 后 再 通 过 浏 览 器 解 释 网 页 的 内 容, 再 展 示 到 你 的 眼 前 文 字 与 图 片 是 构 成 一 个 网 页 的 两 个 最 基 本 的 元 素 除 此 之 外, 网 页 的 元 素 还 有 动 画 音 乐 程 序 等 等 网 页 分 为 静 态 网 页 和 动 态 网 页 两 种
HTML 简 介 HTML(HyperText Mark-up Language) 即 超 文 本 标 记 语 言 或 超 文 本 链 接 标 示 语 言, 是 目 前 网 络 上 应 用 最 为 广 泛 的 语 言, 也 是 构 成 网 页 文 档 的 主 要 语 言 HTML 文 本 是 由 HTML 命 令 组 成 的 描 述 性 文 本,HTML 命 令 可 以 说 明 文 字 图 形 动 画 声 音 表 格 链 接 等 HTML 只 不 过 是 组 合 成 一 个 文 本 文 件 的 一 系 列 标 签 HTML 标 签 通 常 是 英 文 词 汇 的 全 称 或 缩 略 语, 与 一 般 文 本 有 区 别 的 是 标 签 放 在 单 书 名 号 里, 而 且 是 成 对 出 现 的 有 些 标 签 说 明 页 面 如 何 被 格 式 化 ( 例 如,<p> 开 始 一 个 新 段 落 ), 有 些 标 签 说 明 这 些 文 字 信 息 如 何 显 示 (<b> 使 文 字 变 粗 ), 还 有 一 些 标 签 提 供 在 页 面 上 不 显 示 的 信 息, 例 如 标 题
HTML 简 介 设 计 HTML 语 言 的 目 的 是 为 了 能 把 存 放 在 一 台 电 脑 中 的 文 本 或 图 形 与 另 一 台 电 脑 中 的 文 本 或 图 形 方 便 地 联 系 在 一 起, 形 成 有 机 的 整 体, 人 们 不 用 考 虑 具 体 信 息 是 在 当 前 电 脑 上 还 是 在 网 络 的 其 它 电 脑 上 我 们 只 需 使 用 鼠 标 在 某 一 文 档 中 点 取 一 个 图 标,Internet 就 会 马 上 转 到 与 此 图 标 相 关 的 内 容 上 去, 而 这 些 信 息 可 能 存 放 在 网 络 的 另 一 台 电 脑 中 HTML 是 网 络 的 通 用 语 言, 一 种 简 单 通 用 的 全 置 标 记 语 言 它 允 许 网 页 制 作 人 建 立 文 本 与 图 片 相 结 合 的 复 杂 页 面, 这 些 页 面 可 以 被 网 上 任 何 其 他 人 浏 览 到, 无 论 使 用 的 是 什 么 类 型 的 电 脑 或 浏 览 器 建 立 一 个 HTML 页 面 并 不 需 要 用 任 何 专 门 的 软 件 ; 所 需 要 的 只 是 一 个 文 字 处 理 器 ( 如 记 事 本 \ 写 字 板 \Gedit 等 等 ) 和 HTML 的 工 作 常 识, 而 且 你 很 快 就 会 发 现, 基 础 的 HTML 语 言 简 直 容 易 极 了
HTML 简 介 HTML 的 特 点 和 好 处 HTML 文 档 制 作 不 是 很 复 杂, 且 功 能 强 大, 支 持 不 同 数 据 格 式 的 文 件 镶 入, 这 也 是 WWW 盛 行 的 原 因 之 一, 其 主 要 特 点 如 下 : 简 易 性,HTML 版 本 升 级 采 用 超 集 方 式, 从 而 更 加 灵 活 方 便 可 扩 展 性,HTML 语 言 的 广 泛 应 用 带 来 了 加 强 功 能, 增 加 标 识 符 等 要 求,HTML 采 取 子 类 元 素 的 方 式, 为 系 统 扩 展 带 来 保 证 平 台 无 关 性 虽 然 PC 机 大 行 其 道, 但 使 用 MAC 等 其 他 机 器 的 大 有 人 在,HTML 可 以 使 用 在 广 泛 的 平 台 上, 这 也 是 WWW 盛 行 的 另 一 个 原 因
制 作 一 个 HTML 页 面 制 作 一 个 HTML 页 面 建 立 一 个 新 的 文 本 文 件, 用 纯 文 本 或 普 通 文 本 方 式 来 保 存, 将 其 命 名 为 xxxx.html 编 写 HTML 代 码 用 浏 览 器 将 html 文 件 打 开, 你 会 看 见 最 简 单 的 自 己 做 的 页 面
HTML 文 档 结 构 基 本 HTML 页 面 以 DOCTYPE 开 始, 它 声 明 文 档 的 类 型, 且 它 之 前 不 能 有 任 何 内 容 ( 包 括 换 行 符 和 空 格 ), 否 则 将 使 文 档 声 明 无 效 HTML 文 档 以 <html> 标 签 开 始, 以 </html> 标 签 结 束 在 这 两 个 标 签 之 间, 包 含 整 个 页 面 HTML 文 档 结 构 HTML 文 档 结 构 包 括 头 部 (head) 和 主 体 (body) 两 大 部 分 头 部 在 <head> 和 </head> 标 签 之 间, 描 述 浏 览 器 所 需 的 信 息 头 部 含 有 标 题, 标 题 在 <title> 和 </title> 标 签 之 间, 描 述 页 面 的 标 题 信 息, 页 面 标 题 会 出 现 在 浏 览 器 的 标 题 栏 中 主 体 在 <body> 和 </body> 标 签 之 间, 包 含 页 面 的 具 体 内 容, 页 面 上 显 示 的 任 何 信 息 都 包 含 在 这 两 个 标 签 之 中
HTML 文 档 结 构 <HTML> <HEAD> <TITLE> 我 的 第 一 张 页 面 </TITLE> </HEAD> <BODY > <H1> 欢 迎 来 到 HTML 的 世 界 </H1> </BODY> </HTML> 头 部 部 分 主 体 部 分 HTML 网 页
HTML 基 本 元 素 标 题 段 落 换 行 符 预 先 格 式 化 字 符 格 式 化 水 平 线 字 体 图 像 特 殊 字 符 超 级 链 接
HTML 基 本 元 素 <h1> 到 <h6> 标 签 用 于 指 定 不 同 级 别 的 标 题 <HTML> <HEAD> <TITLE>HTML 基 本 元 素 -- 标 题 </TITLE> </HEAD> <BODY> <H1> 这 是 HTML 标 题 1</H1> <H2> 这 是 HTML 标 题 2</H2> <H3> 这 是 HTML 标 题 3</H3> <H4> 这 是 HTML 标 题 4</H4> <H5> 这 是 HTML 标 题 5</H5> <H6> 这 是 HTML 标 题 6</H6> </BODY> </HTML>
HTML 基 本 元 素 <p> 标 签 用 于 标 记 段 落 <HTML> <HEAD> <TITLE>HTML 基 本 元 素 -- 段 落 </TITLE> </HEAD> <BODY> <P> 这 是 第 一 段 </P> <P> 这 是 第 二 段 </P> <P align="left"> 左 对 齐 显 示 </P> <P align="center"> 居 中 显 示 </P> <P align="right"> 右 对 齐 显 示 </P> </BODY> </HTML>
HTML 基 本 元 素 <br> 标 签 用 于 强 制 换 行 <HTML> <HEAD> <TITLE>HTML 基 本 元 素 -- 强 制 换 行 </TITLE> </HEAD> <BODY> <P> 这 是 第 一 段 </P> <P> 这 是 第 二 段 </P> <BR> 我 是 第 一 行 <BR> 我 是 第 二 行 <BR> 我 是 第 三 行 <P align="left"> 左 对 齐 显 示 </P> <P align="center"> 居 中 显 示 </P> <P align="right"> 右 对 齐 显 示 </P> </BODY> </HTML>