特殊字符的插入和文字特殊标记的掌握文字和图片的链

实验难点实验内容实验目的实验重点实验步骤实 验 项 目 三 HTML基 本 标 记 及 表 格上一页下一页实 验 内 容 1、 字 体 标 志 的 应 用2、 特 殊 字 符 的 插 入 和 文 字 特 殊 标 记 的 掌 握3、 文 字 和 图 片 的 链 接4、 在 页 面 中 插 入 图 片5、 表 格 属 性 的 应 用 实验难点实验内容实验目的实验重点实验步骤实 验 项 目 三 HTML基 本 标 记 及 表 格上一页下一页实 验 目 的1、 能 熟 练 完 成 项 目 一 HTML中 基 本 标 记 的 应 用 实 例2、 能 熟 练 完 成 项 目 二 表 格 的 应 用 实 例 实验难点实验内容实验目的实验重点实验步骤实 验 项 目 三 HTML基 本 标 记 及 表 格上一页下一页实 验 重 点1、 字 体 标 志 的 应 用2、 特 殊 字 符 的 插 入 和 文 字 特 殊 标 记 的 掌 握3、 文 字 和 图 片 的 链 接4、 在 页 面 中 插 入 图 片5、 表 格 属 性 的 应 用 实验难点实验内容实验目的实验重点实验步骤实 验 项 目 三 HTML基 本 标 记 及 表 格上一页下一页实 验 难 点1、 表 格 属 性 的 应 用 实验难点实验内容实验目的实验重点实验步骤实 验 项 目 三 HTML基 本 标 记 及 表 格上一页下一页 （ 一 ） 演 示 二 个 项 目 效 果 图1、 项 目 一基 本 标 记 的 应 用 实 例2、 项 目 二表 格 属 性 应 用 实 例 实验难点实验内容实验目的实验重点实验步骤实 验 项 目 三 HTML基 本 标 记 及 表 格上一页下一页2、 图 片 插 入 的 应 用 实 例 效 果 图（ 二 ） 演 示 项 目 一 中 三 个 子 项 目 效 果 图 1、 页 面 中 文 字 插 入 的 应 用 实 例 效 果 图3、 按 钮 图 标 的 制 作 实 例 实验难点实验内容实验目的实验重点实验步骤实 验 项 目 三 HTML基 本 标 记 及 表 格上一页下一页（ 三 ） 演 示 并 与 学 生 一 起 完 成 三 个 子 项 目1、 页 面 中 文 字 插 入 的 应 用 实 例 的 实 验 步 骤 （ 1） 打 开 已 经 输 入 的 html文 件 的 基 本 结 构 的 记 事 本 ； （ 2） 在 之 间 输 入 网 页 标 题 “ HTML表格 及 元 素 的 添 加 ” ； （ 3） 我 们 将 文 件 保 存 到 D盘 ， 文 件 夹 名 为 网 页 设 计 ，文 件 名 为 H2_01.html， 文 件 类 型 为 所 有 文 件 ； （ 4） 打 开 D盘 网 页 设 计 文 件 夹 中 的 H2_01.html文 件 ，大 家 可 以 看 到 标 题 栏 上 有 “ HTML表 格 及 元 素 的 添 加 ” 的 标题 ； 实验难点实验内容实验目的实验重点实验步骤实 验 项 目 三 HTML基 本 标 记 及 表 格上一页下一页 （ 5） 打 开 “ 查 看 ” 菜 单 “ 源 代 码 ” ， 在中 输 入 文 字 “ 御 茶 园 茶 业 网 上 商 城 ” ； （ 6） 再 一 次 保 存 ， 然 后 “ 刷 新 ” 页 面 ； 大 家 先 完 成 在页 面 中 添 加 文 字 这 部 分 内 容 ， 老 师 来 检 查 完 成 情 况 。 （ 7） 打 开 “ 查 看 ” 菜 单 “ 源 代 码 ” ， 在 文 字 “ 御 茶 园茶 业 ” 前 加 上 ， 后 面 加 上 ，设 置 文 字 为 粗 体 ， 并 且 字 号 设 置 成 14px； （ 8） 保 存 后 刷 新 页 面 ； 实验难点实验内容实验目的实验重点实验步骤实 验 项 目 三 HTML基 本 标 记 及 表 格上一页下一页 （ 9） 打 开 “ 查 看 ” 菜 单 “ 源 代 码 ” ， 在 文 字 “ 网 上商 城 ” 前 加 上 ，在 后 面 加 上 ， 设 置 文 字 为 粗 体 ， 并 且 字 号 设置 为 14px， 颜 色 为 橙 色 ； （ 10） 刷 新 后 第 一 个 子 项 目 已 完 成 。 效 果 如 下 图 ： 实验难点实验内容实验目的实验重点实验步骤实 验 项 目 三 HTML基 本 标 记 及 表 格上一页下一页2、 图 片 插 入 的 应 用 实 例 的 实 验 步 骤（ 1） 前 三 步 同 上 。（ 2） 在 中 插 入 表 格 标 记 ；（ 3） 在 表 格 标 记 中 插 入 行 标 记 ；（ 4） 在 行 标 记 中 插 入 标 记 ；（ 5） 在 标 记 中 ， 输 入 “ background=图 片 地 址 ” height=180px；（ 6） 将 文 件 保 存 到 D盘 ， 文 件 夹 名 为 网 页 设 计 ， 文 件 名 为 H2_02.html，文 件 类 型 为 所 有 文 件 ；（ 7） 打 开 D盘 网 页 设 计 文 件 夹 中 的 H2_02.html文 件 ， 预 览 网 页 效 果 ；（ 8） 打 开 “ 查 看 ” 菜 单 “ 源 文 件 ” ；（ 9） 在 标 记 中 输 入 “ cellPadding=0 cellSpacing=0 border=0 width=710” ；（ 10） 再 一 次 保 存 页 面 。 实验难点实验内容实验目的实验重点实验步骤实 验 项 目 三 HTML基 本 标 记 及 表 格上一页下一页3、 按 钮 图 标 的 制 作 实 例 实 验 步 骤 ：（ 1） 前 三 步 同 上 。（ 2） 先 做 一 个 按 钮 ；（ 3） 在 表 格 标 记 中 插 入 行 标记 ；（ 4） 在 行 标 记 中 插 入 标 记 ；（ 5） 在 中 输 入 “ 茶 艺 用 品 ” 标 记 中 ， 输 入background=“ 图 片 地 址 ” align=middle width=80 height=22；（ 6） 将 文 件 保 存 到 D盘 ， 文 件 夹 名 为 网 页 设 计 ， 文 件 名 为H2_03.html， 文 件 类 型 为 所 有 文 件 ；（ 7） 打 开 D盘 网 页 设 计 文 件 夹 中 的 H2_03.html文 件 ， 预 览网 页 效 果 ；（ 8） 打 开 “ 查 看 ” 菜 单 “ 源 文 件 ” ； 实验难点实验内容实验目的实验重点实验步骤实 验 项 目 三 HTML基 本 标 记 及 表 格上一页下一页 （9）在标记中输入“cellPadding=0 cellSpacing=0 border=0”；（10）在文字“茶艺用品”的前面加上，在后面加上（11）刷新网页； (12） 其 它 几 个 按 钮 的 代 码 同 （ 5） 至 （ 10） 步 ， 只 是 文字 内 容 有 变 化 。 强 调 ： 先 设 计 好 ， 表 格 中 的 列 数 ， 即 的 个数 。第一个项目实验步骤第二个项目实验步骤 实验难点实验内容实验目的实验重点实验步骤实 验 项 目 三 HTML基 本 标 记 及 表 格上一页下一页（ 四 ） 演 示 项 目 二 的 效 果 图 根 据 我 提 供 的 HTML文 件 ， 大 家 修 改 得 出 最终 效 果 。 实验难点实验内容实验目的实验重点实验步骤实 验 项 目 三 HTML基 本 标 记 及 表 格上一页下一页（五）提供代码、学生填空、纠错完成实验内容。1、 嵌 套 表 格 的 部 分 步 骤 及 代 码 （ 图 片 素 材 在 d:wysjimages目录 下 ） 。（ 1） 前 三 步 同 上 。（ 2） 在 中 插 入 表 格 标 记 ；（ 3） 在 表 格 标 记 中 插 入 行 标 记 ；（ 4） 在 行 标 记 中 插 入 标 记 ；（ 5） 在 标 记 中 ， 输 入 “ background=图 片 地 址 ” height=25；（ 6） 将 文 件 保 存 到 D盘 ， 文 件 夹 名 为 网 页 设 计 ， 文 件 名 为H2_04.html， 文 件 类 型 为 所 有 文 件 ；（ 7） 打 开 D盘 网 页 设 计 文 件 夹 中 的 H2_04.html文 件 ， 预 览 网 页效 果 ；（ 8） 打 开 “ 查 看 ” 菜 单 “ 源 文 件 ” ； 实验难点实验内容实验目的实验重点实验步骤实 验 项 目 三 HTML基 本 标 记 及 表 格上一页下一页（ 9） 在 标 记 中 输 入 “ cellPadding=0 cellSpacing=1 border=0 width=100% bgcolor=” #ff9933” ；（ 10） 再 一 次 保 存 页 面 。（ 11） 在 之 间 插 入 今 日 推 荐更 多 实验难点实验内容实验目的实验重点实验步骤实 验 项 目 三 HTML基 本 标 记 及 表 格上一页下一页2、 表 格 应 用 实 例 的 部 分 代 码 ， 请 大 家 填 写 并 纠 正 错 误 。代 码 如 下 ： 实验难点实验内容实验目的实验重点实验步骤实 验 项 目 三 HTML基 本 标 记 及 表 格上一页下一页填 空市 场 价 格 ： 1085 (元 /盒 )商 城 价 格 ： 651 (元 /盒 ) 实验难点实验内容实验目的实验重点实验步骤实 验 项 目 三 HTML基 本 标 记 及 表 格上一页下一页 实验难点实验内容实验目的实验重点实验步骤实 验 项 目 三 HTML基 本 标 记 及 表 格上一页下一页分 析 错 误 ：1、 2、 填 空市 场 价 格 ： 3、 填 空源 代 码 应 该 是 ： 实验难点实验内容实验目的实验重点实验步骤实 验 项 目 三 HTML基 本 标 记 及 表 格上一页下一页产 品 名 称 ： 富 贵 吉 祥 实验难点实验内容实验目的实验重点实验步骤实 验 项 目 三 HTML基 本 标 记 及 表 格上一页下一页市 场 价 格 ： 1085 (元 /盒 )商 城 价 格 ： 651 (元 /盒 ) 实验难点实验内容实验目的实验重点实验步骤实 验 项 目 三 HTML基 本 标 记 及 表 格上一页下一页重 复 这 段 代 码 ， 修 改 链 接 和 相 关 文 字 得 到 最 终 效 果 。 实验难点实验内容实验目的实验重点实验步骤实 验 项 目 三 HTML基 本 标 记 及 表 格上一页下一页（ 六 ） 源 代 码 ： 实验难点实验内容实验目的实验重点实验步骤实 验 项 目 三 HTML基 本 标 记 及 表 格上一页下一页 实验难点实验内容实验目的实验重点实验步骤实 验 项 目 三 HTML基 本 标 记 及 表 格上一页下一页 实验难点实验内容实验目的实验重点实验步骤实 验 项 目 三 HTML基 本 标 记 及 表 格上一页下一页 实验难点实验内容实验目的实验重点实验步骤实 验 项 目 三 HTML基 本 标 记 及 表 格上一页下一页 实验难点实验内容实验目的实验重点实验步骤实 验 项 目 三 HTML基 本 标 记 及 表 格上一页下一页实 验 小 结 ：1、 本 次 课 我 们 能 够 完 成 了 二 个 实 验 项 目 ， 对HTML的 基 本 标 记 及 表 格 的 相 关 属 性 有 更 深 的 认识 ， 但 有 一 部 分 知 识 在 课 堂 上 没 有 练 习 ， 希 望大 家 利 用 课 余 时 间 在 下 面 多 多 学 习 ， 能 灵 活 运用 。2、 超 级 链 接 我 们 将 在 框 架 中 深 入 学 习 。3、 这 次 课 所 学 的 内 容 我 们 将 在 框 架 中 继 续 使 用 。 实验难点实验内容实验目的实验重点实验步骤实 验 项 目 三 HTML基 本 标 记 及 表 格上一页下一页学 生 讨 论 结 果 ：1、 图 片 路 径 一 定 要 正 确 。2、 知 识 点 一 定 要 熟 练 。