广州全速网络公司

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

« IIS服务器的功能网站设计之表格进阶 »

网站设计之表格入门

进行网站建设制作的时候,经常会用到表格,虽然现在都用div+css建网站,但表格还是有时候会用到的,而且它的作用不可代替,现在全速网络把表格的一些相关知识和大家分享:
任何表格都有三个基本要素:表格,格行和格子.这些要素的标签如:

  Table:     <table> 
Table row:  <tr>
Table cell:  <td>


这里需要记住的是<td>要用<tr>来结束,而<tr>又要用<table>来结束.

让我们动手看看:

我们制作一下上面草列的基本表格:

Cell a Cell b
Cell c Cell d

代码如下:

<table border>
     <tr>
          <td>Cell 1</td>
          <td>Cell 2</td>
     </tr>
     <tr>
          <td>Cell 3</td>
          <td>Cell 4</td>
     </tr>
</table>
正如你所见,第一个格行包含格子a格子b;第二个格行包含格子c和格d.格行总是水平延伸的.那么各个子的的内容呢?在这个例子中,就"格子a"和"格子b"?原来它们是被夹在<td>和</td>标签中.

为了看见表格,我给表格标签加上边.这只不过是把边界加上了.你还以通过附加数字--例如<table border=5>--来规定边界的宽度.

"列间隔"和"行间隔"

你可以还在一个行中作一个格而另一个行中作两个格.就象:

Cell a
Cell c Cell d

要完成这一步,你得使用列间隔修改令.只需对<td>加上列间隔=2.

<table border>
     <tr>
          <td colspan=2>Cell a</td>
     </tr>
     <tr>
          <td>Cell c</td>
          <td>Cell d</td>
     </tr>
</table>
也可以这样做:
Cell a Cell b
Cell c

只需在<td>加上行间隔=2,就象这样:

<table border>
     <tr>
          <td rowspan=2>Cell a</td>
          <td>Cell b</td>
     </tr>
     <tr>
          <td>Cell c/td>
     </tr>
</table>
待续
编辑:广州网络公司

  • 相关文章:
  • quote 8.酷包官方旗舰店
  • http://shop.paipai.com/56922336
  • 本店正品包包精挑细选,不是精品绝对不做!你的时尚,我来包容!给予的不只是方便提供:女包、钱包、挎包、背包、手包、单肩包、单肩包斜跨包、手提包斜挎包、手提单肩斜跨包、拉杆箱等全套包包全场假一罚十、实物拍摄、接受专柜验货、接受国家相关质检部门检验.所有包包均是实物拍摄,不满意就退货!99
  • 2010-8-17 9:27:36 回复该留言
  • quote 9.酷包官方旗舰店
  • http://shop.paipai.com/56922336
  • 本店正品包包精挑细选,不是精品绝对不做!你的时尚,我来包容!给予的不只是方便提供:女包、钱包、挎包、背包、手包、单肩包、单肩包斜跨包、手提包斜挎包、手提单肩斜跨包、拉杆箱等全套包包全场假一罚十、实物拍摄、接受专柜验货、接受国家相关质检部门检验.所有包包均是实物拍摄,不满意就退货!99
  • 2010-8-17 12:02:44 回复该留言

发表评论:

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

Copyright 广州网络公司 all rights reserved.