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

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

 
 
 

日志

 
 

HTML教程(TABLE 1)  

2009-12-14 19:18:05|  分类: CSS,HTML,代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

表格的基本结构

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

以下是一个简单的例子:

<table border=1>

<tr><th>姓名</th><th>性别</th><th>年龄</th>

<tr><td>王林</td><td>男</td><td>25</td>      

</table>
以下是一个简单的例子:
姓名性别年龄
王林25


表格的标题
  表格标题的位置,可由ALIGN属性来设置,其位置分别由表格上方和表格下方。下面为表格标题位置的设置格式。

  设置标题位于表格上方

    <caption align=top> ... </caption>


<table border>
 <caption align=top>旅游日程</caption>
 <tr>
   <th>日期</th><td>9-11</td><td>11-13</td><td>13-14</td>
 <tr>
   <th>旅游地点</th><td>青岛</td><td>黄山</td><td>杭州</td>
</table>

显示结果:

             
旅游日程
日期9-1111-1313-14
旅游地点青岛黄山杭州


  设置标题位于表格下方

     <caption align=bottom> ... </caption>  


<table border>
 <caption align=bottom>旅游日程</caption>
 <tr>
   <th>日期</th><td>9-11</td><td>11-13</td><td>13-14</td>
 <tr>
   <th>旅游地点</th><td>青岛</td><td>黄山</td><td>杭州</td>

</table>

显示结果:
             
旅游日程
日期9-1111-1313-14
旅游地点青岛黄山杭州



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

历史上的今天

评论

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

页脚

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