表格入门(二)说课材料.doc

表格入门(二) 精品文档 精品文档 收集于网络，如有侵权请联系管理员删除 收集于网络，如有侵权请联系管理员删除 精品文档 收集于网络，如有侵权请联系管理员删除 你 已 经 熟 悉“align”标 签。 它 真 是 一 位 老 朋 友 。 可 以 把 它 放 在 <p> 和<img> 标 签 中。但 是 你 能 在表 格 中 使 用 它 吗? 表 格 中的 任 何 位 置.让 我 们 看 一看： <td align=right> 将 你 放 在那 个 格 子 里 的 任 何 内 容(如 文 字, 图 片 等 等.)都 向右 对 齐. <tr align=right> 将 你 放 在 那一 行 的 所 有格 子 中 的 所 有 内 容 都 向右 对 齐. 这是一个 已对齐的表格. 整洁, 呃? <table align=right> 将 整 个表 格 向 右 对 齐, 文 字 在 表中 各 处 顺 畅 而 列. 这 有 点类 似 对 齐 图 像。 但 注 意 ： 整 个对 齐 整 个 表 格 只 适 用 于Netscape 3.0 和 Explorer 2.0+。 　　　 对 齐 整 个 表 格 的 价 值 在 于： align=right 将 一 切 推 向 右 边。 align=right 将 切 都 推 向 左 边。( 这 是 缺 省 的 设 置 ， 所 以 ， 你 可 能 不 需 设 置 它。) align=center将一 切 都 居 中。 但 是 等 等，还 有 呢！我 们 也 以 垂 直 排 列 元 素，将 它 放 到 顶 部, 底 部 或 格 子 的 中 间。这 需 要 使 用 垂 直 对 齐(valign) <td valign=top> 将 格 子 里 的 一 切 东 西 (包 括 文 字, 图 像 等) 都 向 顶 端 对 齐。 <tr valign=top> 将 一 行 中 所 有 格 子 的 所 有 内 容 都 向 顶 端 对 齐。 　　　 垂 直 对 齐 的 价 值 在 于： valign=top 将 格 子 内 的 所 有 内 容 都 推 向 格 子 的 顶 端 对 齐。 valign=bottom 将 格 子 内 的 所 有 内 容 都 推 向 格 子 的 底 端 对 齐。 valign=middle 将 格 子 内 的 所 有 内 容 都 垂 直 居 中。(这 是 缺 省 设 置，故 你 可 能 不 必 去 设 置 它) 　(顺 便 说 一 下：为 什 么 水 平 居 中 我 们 用 align=center，而 垂 直 居 中 使 用 valign=middle ？ 事 实 上 两 种 情 况 用 哪 种 术 语 都 可 以,但 这 是 列 在 Netscape 文 档 中 的 规 定。) (Netscape 神 经 错 乱 的 又 一 证 据。) 　　留 一 点 空 白 　现 在 你 已 经 把 所 有 的 表 格 排 都 对 齐 了，你 可 能 还 想 调 整 格 子 的 空 白。下 面 是 两 个 你 可 能 混 淆 而 实 际 上 功 能 类 似 的 两 个 标 签:格 子 空 白(cellspacing) 和 格 子 填 充(cellpadding). 　它 们 都 在 表 格 的 格 子 间 放 进 一 些 空 间。但 用 的 方 法 不 同 cellspacing 使 表 格 的 边 框 加 宽，从 而 加 大 格 子 之 间 的 距 离。ceiipadding 在 格 子 的 边 框 中 加 进 看 不 见 的 空 白，从 而 使 格 子 里 的 内 容 与 格 子 的 四 个 边 框 产 生 距 离. cellspacing=10 1 2 3 4 cellpadding=10 1 2 3 4 　两 个 属 性 都 放 在 <table> 标 签 内, 就 象: 　<table cellpadding="4" cellspacing="5"> 　 如 果 你 想 去 掉 表 格 边 框，你 就 不 必 在 意 使 用 哪 个 标 签。但 是 如 果 你 希 望 保 留 表 格 边 框 (或 表 里 的 格 子 加 上 颜 色)，这 两 种 标 签 的 区 别 就 变 得 很 重 要 了.记 住 ：Spacing 增 加 边 框 的 大 小，而 Padding 增 大 边 框 周 围 的 空 间. 　　技 巧 与 提 示 　 现 在 你 已 经 对 表 格 很 熟 悉 了，以 下 是 一 些 有 用 的 技 巧 和 提 示： 如 果 你 不 规 定 cellpadding 和 cellsaping，其 缺 省 值 为 2. 所 以 如 果 你 希 望