注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

我的绿色软件、网络笔记仓库

 
 
 

日志

 
 

【适合零基础】什么是TABLE表格  

2009-12-14 20:08:32|  分类: CSS,HTML,代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

意大利 英格兰 西班牙
AC米兰 佛罗伦萨 曼联 纽卡斯尔 巴塞罗那 皇家社会
尤文图斯 桑普多利亚 利物浦 阿申纳 皇家马德里 ……
拉齐奥 国际米兰 切尔西 米德尔斯堡 马德里竞技 ……
代码:
<table border="1" width="80%" bgcolor="#E8E8E8" cellpadding="2" bordercolor="#0000FF" bordercolorlight="#7D7DFF" bordercolordark="#0000A0">
  <tbody><tr>
    <th width="33%" colspan="2" valign="bottom">意大利</th>
    <th width="36%" colspan="2" valign="bottom">英格兰</th>
    <th width="36%" colspan="2" valign="bottom">西班牙</th>
  </tr>
  <tr>
    <td width="16%" align="center">AC米兰</td>
    <td width="16%" align="center">佛罗伦萨</td>
    <td width="17%" align="center">曼联</td>
    <td width="17%" align="center">纽卡斯尔</td>
    <td width="17%" align="center">巴塞罗那</td>
    <td width="17%" align="center">皇家社会</td>
  </tr>
  <tr>
    <td width="16%" align="center">尤文图斯</td>
    <td width="16%" align="center">桑普多利亚</td>
    <td width="17%" align="center">利物浦</td>
    <td width="17%" align="center">阿申纳</td>
    <td width="17%" align="center">皇家马德里</td>
    <td width="17%" align="center">……</td>
  </tr>
  <tr>
    <td width="16%" align="center">拉齐奥</td>
    <td width="16%" align="center">国际米兰</td>
    <td width="17%" align="center">切尔西</td>
    <td width="17%" align="center">米德尔斯堡</td>
    <td width="17%" align="center">马德里竞技</td>
    <td width="17%" align="center">……</td>
  </tr>
</tbody></table>
分析:
表格的标志:
1.<table></table>标志对用来创建一个表格

2.<tr></tr><td></td>

<tr></tr>标志对用来创建表格中的每一行 <td></td>标志对用来创建表格中一行中的每一个格子

3.<th></th>

<table></table>、<tr></tr>和<td></td>标志对的关系如下所示:

最外层,创建一个表格--> <table> 

创建一行-->   <tr> 

创建一个格子-->     <td>要输出的文本只能放在此处</td> 

                      </tr> 

最外层--> </table> 



注意:

1、<tr></tr>标志对中间只能紧跟<td></td>标志对

2、要写上的文字只能放在<td></td>标致对中

以上2点违反任意一点都是现实不了表格的。


  评论这张
 
阅读(113)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017