分享

表格练习

 王乐散 2011-11-30
一:基本表格<table>.......tr....th....td......</table>
<TABLE borderColor=red border=10>
<TBODY>
<TR>
<TH>姓名</TH>
<TH>性别</TH>
<TH>年龄</TH>
<TR>
<TD>王林</TD>
<TD>男</TD>
<TD>25</TD></TR></TBODY></TABLE>

 

姓名 性别 年龄
王林 25

 

 

二:表格宽度 width

<table border=2 width="200">
<caption>定货单</caption>
<tr><th>苹果</th><th>香蕉</th><th>葡萄</th>
<tr><td>200公斤</td><td>200公斤</td><td>100公斤</td>
</table>

定货单
苹果 香蕉 葡萄
200公斤 200公斤 100公斤

 

三:单元格间线宽度
<table border=3  cellspacing=15>
<caption>定货单</caption>
<tr><th>苹果</th><th>香蕉</th><th>葡萄</th>
<tr><td>200公斤</td><td>200公斤</td><td>100公斤</td>
</table>
定货单
苹果 香蕉 葡萄
200公斤 200公斤 100公斤

 

四:内容与格线之间的宽度
<table border=3  cellpadding=5>
<caption>定货单</caption>
<tr><th>苹果</th><th>香蕉</th><th>葡萄</th>
<tr><td>200公斤</td><td>200公斤</td><td>100公斤</td>
</table>
定货单
苹果 香蕉 葡萄
200公斤 200公斤 100公斤

 

五:表格内容居左,居中,居右(左右排列)
     
居左居中居右
A B C

六:上下排列

<table border=1 width="250" height="100">
<tr>
    <th>上齐</th><th>居中</th> <th>下齐</th><th>基线</th>
<tr>
    <td valign=top>A</td> <td valign=middle>B</td> <td valign=bottom>C</td><td     valign=baseline>D</td>
</table>

         
上齐 居中 下齐 基线
A B C D

七:跨多行,多列

跨多列的表元 <th colspan=#> <td colspan=#>
  colspan表示跨越的列数,例如colspan=2表示这一格的宽度为两个列的宽度。

 跨多行的表元 <th rowspan=#> <td rowspan=#> 
  rowspan所要表示的意义是指跨越的行数,例如rowspan=2就表示这一格跨越表格两个行的高度。
<html>
<head>
<title>表格TABLE</title>
</head>
<table border>
<tr><th colspan=3>值班人员 </th>
<tr><th>星期一</th>       <th>星期二</th>  <th>星期三</th>
<tr><td>李强</td><td>张明</td><td>王平</td>
</table>
</html>
值班人员
星期一 星期二 星期三
李强 张明 王平

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约