全速网络-广州知名网络公司

为你提升品牌形象,整合网络营销,搜索引擎优化排名

« 网站设计之表格入门网站设计之表格学习 »

网站设计之表格进阶

继续上一节的表格入门,现在是表格的进阶,希望你能学得更好,运用得更好。
你 已 经 熟 悉“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 将 格 子 内 的 所 有 内 容 都 垂 直 居 中。(这 是 缺 省 设 置,故 你 可 能 不 必 去 设 置 它)


  留 一 点 空 白

 现 在 你 已 经 把 所 有 的 表 格 排 都 对 齐 了,你 可 能 还 想 调 整 格 子 的 空 白。下 面 是 两 个 你 可 能 混 淆 而 实 际 上 功 能 类 似 的 两 个 标 签:格 子 空 白(cellspacing) 和 格 子 填 充(cellpadding).

 它 们 都 在 表 格 的 格 子 间 放 进 一 些 空 间。但 用 的 方 法 不 同 cellspacing 使 表 格 的 边 框 加 宽,从 而 加 大 格 子 之 间 的 距 离。ceiipadding 在 格 子 的 边 框 中 加 进 看 不 见 的 空 白,从 而 使 格 子 里 的 内 容 与 格 子 的 四 个 边 框 产 生 距 离.

cellspacing=10
a  b 
c  d 
 cellpadding=10
a  b 
c  d 
 

 两 个 属 性 都 放 在 <table> 标 签 内, 就 象:

 <table cellpadding="4" cellspacing="5">
  如 果 你 想 去 掉 表 格 边 框,你 就 不 必 在 意 使 用 哪 个 标 签。但 是 如 果 你 希 望 保 留 表 格 边 框 (或 表 里 的 格 子 加 上 颜 色),这 两 种 标 签 的 区 别 就 变 得 很 重 要 了.记 住 :Spacing 增 加 边 框 的 大 小,而 Padding 增 大 边 框 周 围 的 空 间.

  技 巧 与 提 示
  现 在 你 已 经 对 表 格 很 熟 悉 了,以 下 是 一 些 有 用 的 技 巧 和 提 示:


如 果 你 不 规 定 cellpadding 和 cellsaping,其 缺 省 值 为 2. 所
以 如 果 你 希 望 格 子 里 的 内 容 紧 凑 和 有 人 性,别 忘 了 设
置 cellpadding=0 和 cellspacing=0.
如 果 要 加 进 更 多 控 制,就 在 在 表 的 格 子 中 加 进 nowrap,
就 是<td nowrap>.其 意 思 是 该 格 子 里 的 内 容 不 回 绕,除 非
你 用<br> 标 签 作 手 工 换 行。
如 果 要 使 一 个 表 格 占 据 整 个 页 面 呢,不 论 用 户 作 得 多
大? 可 以 宽 度 和 高 度 设 置 为 100%, 就 是<table width="100%",height="100%">(注 意:height=100% 只 在 Netscape 中 起 作 用).
象 以 往 一 样,要 有 创 造 性 但 不 要 过 度.

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

Search

最近发表

最新评论及回复

最近留言

最近引用

站点统计

  • 文章总数:99
  • 评论总数:0
  • 引用总数:0
  • 浏览总数:609
  • 留言总数:0
  • 当前主题:ColorBrick
  • 当前样式:ColorBrick

网站收藏

图标汇集

  • 本站支持WAP访问
  • 订阅本站的 ATOM 1.0 新闻聚合
  • 订阅本站的 RSS 2.0 新闻聚合

Copyright 广州网络公司 all rights reserved.