1、html目录 HTML 简介 HTML 有什么 特点和好处? HTML 标准的版本历史 HTML 规范 HTML 元素参考手册 常用的 HTML 编辑软件 UTF-8 和 GB2312 网页编码 HTML 基本标签参考 HTML 标签大全 HTML 标签和属性的语义化 HTML 简 介HTML( HyperText Mark-up Language) 即 超 文 本 标 记 语 言 或 超 文 本 链 接 标示 语 言 , 是 目 前 网 络 上 应 用 最 为 广 泛 的 语 言 , 也 是 构 成 网 页 文 档 的 主 要 语 言 。 设 计HTML 语 言 的 目 的 是 为 了 能
2、把 存 放 在 一 台 电 脑 中 的 文 本 或 图 形 与 另 一 台 电 脑 中 的 文 本或 图 形 方 便 地 联 系 在 一 起 , 形 成 有 机 的 整 体 , 人 们 不 用 考 虑 具 体 信 息 是 在 当 前 电 脑 上 还是 在 网 络 的 其 它 电 脑 上 。 我 们 只 需 使 用 鼠 标 在 某 一 文 档 中 点 取 一 个 图 标 , Internet 就会 马 上 转 到 与 此 图 标 相 关 的 内 容 上 去 , 而 这 些 信 息 可 能 存 放 在 网 络 的 另 一 台 电 脑 中 。 HTML 文 本 是 由 HTML 命 令 组 成 的
3、描 述 性 文 本 , HTML 命 令 可 以 说 明 文 字 、 图 形 、动 画 、 声 音 、 表 格 、 链 接 等 。 HTML 的 结 构 包 括 头 部 ( Head) 、 主 体 ( Body) 两 大部 分 , 其 中 头 部 描 述 浏 览 器 所 需 的 信 息 , 而 主 体 则 包 含 所 要 说 明 的 具 体 内 容 。 另 外 , HTML 是 网 络 的 通 用 语 言 ,一 种 简 单 、 通 用 的 全 置 标 记 语 言 。 它 允 许 网 页 制作 人 建 立 文 本 与 图 片 相 结 合 的 复 杂 页 面 , 这 些 页 面 可 以 被 网 上
4、 任 何 其 他 人 浏 览 到 , 无 论使 用 的 是 什 么 类 型 的 电 脑 或 浏 览 器 。 神 奇 吗 ?一 点 都 不 神 奇 ,因 为 现 在 你 看 到 的 就 是 这种 语 言 写 的 页 面 ! 也 许 你 听 说 过 许 多 可 以 编 辑 网 页 的 软 件 ,事 实 上 ,你 不 需 要 用 任 何 专 门 的 软 件 来 建立 HTML 页 面 ; 你 所 需 要 的 只 是 一 个 文 字 处 理 器 ( 如 Office Word记 事 本 写 字 板GeditOpenOffice.org 等 等 ) 以 及 HTML 的 工 作 常 识 。 其 实 你
5、很 快 就 会 发 现 ,基 础 的HTML 语 言 简 直 容 易 死 了 。 HTML 只 不 过 是 组 合 成 一 个 文 本 文 件 的 一 系 列 标 签 。 它 们 像 乐 队 的 指 挥 ,告 诉 乐手 们 哪 里 需 要 停 顿 ,哪 里 需 要 激 昂 。HTML 标 签 通 常 是 英 文 词 汇 的 全 称 ( 如 块 引 用 :blockquote) 或 缩 略 语 ( 如 “p”代表 Paragraph) , 但 它 们 的 与 一 般 文 本 有 区 别 , 因 为 它 们 放 在 单 书 名 号 里 。 故Paragragh 标 签 是 ,块 引 用 标 签 是
6、 。 有 些 标 签 说 明 页 面 如 何 被 格 式 化( 例 如 , 开 始 一 个 新 段 落 ) , 其 他 则 说 明 这 些 词 如 何 显 示 (使 文 字 变 粗 )还 有 一 些其 他 标 签 提 供 在 页 面 上 不 显 示 的 信 息 例 如 标 题 。 关 于 标 签 , 需 要 记 住 的 是 , 它 们 是 成 双 出 现 的 。 每 当 使 用 一 个 标 签 如,则 必 须 以 另 一 个 标 签 将 它 关 闭 。 注 意 “blockquote”前 的斜 杠 , 那 就 是 关 闭 标 签 与 打 开 标 签 的 区 别 。 但 是 也 有 一 些 标
7、签 例 外 。 比 如 , 标签 就 不 需 要 。基 本 HTML 页 面 以 DOCTYPE 开 始 , 它 声 明 文 档 的 类 型 , 且 它 之 前 不 能 有 任 何 内容 ( 包 括 换 行 符 和 空 格 ) , 否 则 将 使 文 档 声 明 无 效 , 接 着 是 标 签 , 以 结 束 。 在 它 们 之 间 , 整 个 页 面 有 两 部 分 标 题 和 正 文 。 标 题 词 夹 在 和 标 签 之 间 这 个 词 语 在 打 开 页 面 时 出 现 在 屏幕 底 部 最 小 化 的 窗 口 。 正 文 则 夹 在 和 之 间 即 所 有 页 面 的 内 容 所 在
8、 。页 面 上 显 示 的 任 何 东 西 都 包 含 在 这 两 个 标 签 之 中 。 那 么 让 我 们 建 立 一 个 简 单 的 范 例 吧 , 非 常 容 易 的 。 第 一 步 , 当 然 是 要 建 立 一 个 新 的文 本 文 件 ( 记 住 , 如 果 你 在 使 用 比 较 复 杂 的 文 字 处 理 器 , 就 应 该 用 “纯 文 本 ”或 “普 通文 本 ”来 保 存 ) , 将 它 命 名 为 “xxxx.html”。 (随 便 你 起 一 个 什 么 名 字 ,扩 展 名 也 可 是HTM)。 然 后 你 可 以 用 浏 览 器 将 它 打 开 , 你 会 看
9、见 最 简 单 的 自 己 做 的 页 面 。 编 辑 本 段 HTML 有 什 么 特 点 和 好 处 ?HTML 文 档 制 作 不 是 很 复 杂 , 且 功 能 强 大 , 支 持 不 同 数 据 格 式 的 文 件 镶 入 , 这 也 是WWW 盛 行 的 原 因 之 一 , 其 主 要 特 点 如 下 :1 简 易 性 , HTML 版 本 升 级 采 用 超 集 方 式 , 从 而 更 加 灵 活 方 便 。2 可 扩 展 性 , HTML 语 言 的 广 泛 应 用 带 来 了 加 强 功 能 , 增 加 标 识 符 等 要 求 ,HTML 采 取 子 类 元 素 的 方 式
10、, 为 系 统 扩 展 带 来 保 证 。3 平 台 无 关 性 。 虽 然 PC 机 大 行 其 道 , 但 使 用 MAC 等 其 他 机 器 的 大 有 人 在 ,HTML 可 以 使 用 在 广 泛 的 平 台 上 , 这 也 是 WWW 盛 行 的 另 一 个 原 因 。 用 什 么 可 以 编 辑HTML?HTML 其 实 是 文 本 , 它 需 要 浏 览 器 的 解 释 , HTML 的 编 辑 器 大 体 可 以 分 为 三 种 ,1 基 本 编 辑 软 件 , 使 用 WINDOWS 自 带 的 记 事 本 或 写 字 版 都 可 以 编 写 , 当 然 ,如 果 你 用
11、WPS 来 编 写 , 也 可 以 。 不 过 存 盘 是 请 使 用 .htm 或 .html 作 为 扩 展 名 , 这 样浏 览 器 就 可 以 解 释 执 行 了 。2 半 所 见 即 所 得 软 件 , 这 种 软 件 能 大 大 提 高 开 发 效 率 , 它 可 以 使 你 在 很 短 的 时 间内 做 出 HOMEPAGE, 且 可 以 学 习 HTML, 这 种 类 型 的 软 件 主 要 有 HOTDOG, 还 有国 产 的 软 件 网 页 作 坊 。3 所 见 即 所 得 软 件 , 使 用 最 广 泛 的 编 辑 器 , 完 全 可 以 一 点 不 懂 HTML 的 知
12、 识 就可 以 做 出 网 页 , 这 类 软 件 主 要 有 FRONTPAGE98, DREAMWEAVER。更 先 进 难 懂 的 技 术 XHTML?XHTML 中 的 X 是 可 扩 展 的 意 思 , XHTML 就 是 可 扩 展 的 超 文 本 标 记 语 言 , 它 比HTML 有 更 严 格 的 要 求 。 如 果 说 HTML 是 汉 语 , 那 么 XHTML 就 是 标 准 普 通 话 。 对 于现 在 才 刚 刚 开 始 学 习 网 页 设 计 的 朋 友 , 直 接 学 习 XHTML 是 最 佳 的 选 择 。 事 实 上 它 也属 于 HTML 家 族 , 并
13、 且 它 是 基 于 XML 的 , 对 比 以 前 各 个 版 本 的 HTML, 它 具 有 更 严格 的 书 写 标 准 、 更 好 的 跨 平 台 能 力 。 由 于 某 些 需 要 , XHTML 将 以 前 版 本 的 HTML 能够 实 现 的 一 些 功 能 交 给 了 CSS, 这 意 味 着 你 将 需 要 学 习 两 种 技 术 。 但 是 这 确 实 是Web 未 来 发 展 的 潮 流 。 X 代 表 “可 以 扩 展 的 ”。 编 辑 本 段 HTML 标 准 的 版 本 历 史超 文 本 置 标 语 言 (第 一 版 )在 1993 年 6 月 发 为 互 联 网
14、 工 程 工 作 小 组 (IETF)工作 草 案 发 布 ( 并 非 标 准 ) . HTML 2.01995 年 11 月 作 为 RFC 1866 发 布 , 在 RFC 2854 于 2000 年 6月 发 布 之 后 被 宣 布 已 经 过 时 HTML 3.21996 年 1 月 14 日 , W3C 推 荐 标 准 HTML 4.01997 年 12 月 18 日 , W3C 推 荐 标 准 HTML 4.01( 微 小 改 进 ) 1999 年 12 月 24 日 , W3C 推 荐 标 准 ISO/IEC 15445:2000( “ISO HTML”) 2000 年 5 月
15、15 日 发 布 , 基 于 严 格 的HTML 4.01 语 法 , 是 国 际 标 准 化 组 织 和 国 际 电 工 委 员 会 的 标 准 XHTML 1.0发 布 于 2000 年 1 月 26 日 , 是 W3C 推 荐 标 准 , 后 来 经 过 修 订 于2002 年 8 月 1 日 重 新 发 布 。 XHTML 1.1, 于 2001 年 5 月 31 日 发 布 (XHTML 2.0, W3C 工 作 草 案 ) HTML 没 有 1.0 版 本 是 因 为 当 时 有 很 多 不 同 的 版 本 。 有 些 人 认 为 蒂 姆 伯 纳 斯 -李的 版 本 应 该 算 初
16、 版 , 这 个 版 本 没 有 IMG 元 素 。 当 时 被 称 为 HTML+的 后 续 版 的 开 发 工作 于 1993 年 开 始 , 最 初 是 被 设 计 成 为 “HTML 的 一 个 超 集 ”。 第 一 个 正 式 规 范 在 为 了和 当 时 的 各 种 HTML 标 准 区 分 开 来 , 使 用 了 2.0 作 为 其 版 本 号 。 HTML+的 发 展 继 续下 去 , 但 是 它 从 未 成 为 标 准 。HTML3.0 规 范 是 由 当 时 刚 成 立 的 W3C 于 1995 年 3 月 提 出 , 提 供 了 很 多 新 的 特性 , 例 如 表 格
17、、 文 字 绕 排 和 复 杂 数 学 元 素 的 显 示 。 虽 然 它 是 被 设 计 用 来 兼 容 2.0 版本 的 , 但 是 实 现 这 个 标 准 的 工 作 在 当 时 过 于 复 杂 , 在 草 案 于 1995 年 9 月 过 期 时 , 标准 开 发 也 因 为 缺 乏 浏 览 器 支 持 而 中 止 了 。 3.1 版 从 未 被 正 式 提 出 , 而 下 一 个 被 提 出 的版 本 是 开 发 代 号 为 Wilbur 的 HTML 3.2, 去 掉 了 大 部 分 3.0 中 的 新 特 性 , 但 是 加 入 了很 多 特 定 浏 览 器 , 例 如 Nets
18、cape 和 Mosaic 的 元 素 和 属 性 。 HTML 对 数 学 公 式 的 支持 最 后 成 为 另 外 一 个 标 准 MathML。HTML 4.0 同 样 也 加 入 了 很 多 特 定 浏 览 器 的 元 素 和 属 性 , 但 是 同 时 也 开 始 “清 理 ”这 个 标 准 , 把 一 些 元 素 和 属 性 标 记 为 过 时 的 , 建 议 不 再 使 用 它 们 。 HTML 的 未 来 和CSS 结 合 会 更 好 。 编 辑 本 段 HTML 规 范一 、 HTML 头 :1、 针 对 日 文 环 境 : yourtitle 2、 针 对 中 文 环 境
19、: yourtitle 我 们 建 议 的 编 码 格 式 是 utf-8, 它 支 持 多 语 种 , 并 且 可 以 避 免 出 现 乱 码 的 情 况 。二 、 html 中 javascript 的 书 写 :当 然 我 们 不 希 望 你 是 这 样 内 嵌 教 本 , 而 是 从 一 个 外 部 文 件 进 行 引 用 , 并 且 只 把 它 放在 文 档 的 头 部 。三 、 html 中 元 素 的 书 写 :1、 元 素 属 性 值 必 须 包 含 在 双 引 号 中 ; 2、 form 中 必 须 加 action 属 性 , 并 且 不 能 为 空 。 如 果 不 需 要
20、 使 用 action 属 性 , 也 必 须 定 义 :3、 img 的 alt 属 性 不 可 以 缺 少 ; 4、 head 与 之 间 必 须 有 title; your title 5、 tr、 td 必 须 定 义 在 table 之 间 ; .6、 button 按 钮 必 须 定 义 在 form 之 间 , 否 则 netscape 不 支 持 ; 7、 在 javascript 中 的 字 符 串 中 出 现 的 “/”前 要 用 转 义 符 “”: 8、 onclick 属 性 必 须 和 onkeypress 成 对 写 ( onmousedown + onkeydow
21、n、 onmouseup + onkeyup) mm9、 用 URL 传 值 时 直 接 写 、 标 签 是 表 示 web 页 面 上 的 简 称 , 标 签 为 取 首 字 母 缩 写 。 ( 注 :这 里 把 简 称 和 缩 写 分 开 而 论 , 简 称 范 围 比 缩 写 大 , 取 首 字 母 的 缩 写 用 标签 ) Windows 的 IE6.0 以 下 的 浏 览 器 暂 不 支 持 标 签 。 在 IE 里 , 你 可 以 应 用CSS 给 但 是 不 能 应 用 给 标 签 , IE 会 为 标 签 的 title 属 性显 示 提 示 , 但 是 会 忽 略 标 签 。
22、例 如 :CSSCSSalt 属 性 和 title 属 性title 属 性 用 来 为 元 素 提 供 额 外 说 明 信 息 title 属 性 可 以 用 在 除 了base, basefont, head, html, meta, param, script 和 title 之 外 的 所 有 标 签 。 但 是并 不 是 必 须 的 。alt 属 性 为 不 能 显 示 图 像 、 窗 体 或 applets 的 用 户 代 理 ( UA) , 指 定 替 换 文 字 。替 换 文 字 的 语 言 由 lang 属 性 指 定 。用 Photoshop 创 建 最 佳 黑 白 照 片 的 方 法