中国教学仪器设备行业协会主办
当前位置: 行业协会频道首页 > 会员网站 > 建站知识 > 正文内容
文章查询
 关键字:
 
■ 最新登录产品
 
 
网页中表格的运用

发布时间:2004-11-23  来源:惠惠龙

 

  表格(table)是页面的重要元素,是页面排版的主要手段。尽管DHTML中的层(layer)也可以实现网页元素的自由定位,但是表格显然更加方便编辑与修改。熟练掌握和运用表格的各种属性,可以让您的页面看起来赏心悦目。

  本文将分两部分详细介绍表格在网页设计中的运用。包括表格的基本用法和表格运用的注意点。

  表格的基本用法。

  表格的基本用法相信您已经非常熟悉了。但为了保证文章的完整性,阿捷在这里还是再罗列一遍。

  ●表格的HTML基本语法

  <table>...</table> - 定义表格
  <tr> - 定义表行
  <th> - 定义表头
  <td> - 定义表元(表格的具体数据)

  例如:

  <table border>
  <tr><th>1</th>
   <th>2</th>
  <th>3</th>
  <tr><td>A</td>
  <td>B</td>
  <td>C</td>
  </table>

  1 2 3
  A B C

  ●table标签的参数。table标签可以含下列参数。

  border    表格边框
  cellspacing   表元之间的空白距离
  cellpadding  表元内部的空白距离
  width    表格宽度(可以用%或者具体数据表示)
  height    表格高度

  例如:

  <table border=5 cellpadding=10>
  <tr><th>1</th><th>2</th><th>3</th>
  <tr><td>A</td><td>B</td><td>C</td>
  </table>

  1 2 3
  A B C


  ●表格的对齐方式

  1.表格内的文字对齐。

  语法:<td align=#> 其中#可以设定的参数有:

  left    横向居左
  center  横向居中
  right   横向居右
  top     纵向居顶
  middle 纵向居中
  bottom  纵向居底

  例如:
  <table border height=100>
  <td valign=top>A</td>
  <td valign=middle>B</td>
  <td valign=bottom>C</td>
  </table>

 
 
页面功能发送好友 】【 联系编辑 】【 字体: 】【 打印 】 【 关闭
 
 ■ 相关链接
 
公司介绍 | 网站介绍 | 广告服务 | 会员服务 | 本站产品 | 信息反馈 | 招聘信息