广州全速网络公司

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

« 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 4.天光药业
  • http://www.cctgyy.com
  • 某公司招聘业务员,小李走进经理室,经理和蔼垫问:“你有什么特别喜欢的工作?”觊‘‘如果可能,我愿意参加董事会。,孙李回答。黟“你发疯了吗?”经理难以置信地大声说道。什么?难道发疯是作董事长的必备条件吗?”http://www.cctgyy.com99
  • 2010-2-28 12:08:53 回复该留言

发表评论:

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

Copyright 广州网络公司 all rights reserved.