热门关键字:  博客  博客入门  博客创建  新浪博客  css

如何创建HTML表格

来源: 作者: 时间:2008-02-22 点击:
HTML表格用<table>表示。一个表格可以分成很多行(row),用<tr>表示;每行又可以分成很多单元格(cell),用<td>表示。
    这三个Tag是创建表格最常用的Tag。
      <p>
          表格所用到的Tag:整个表格开始要用table;每一行开始要用tr;每一单元格开始要用td。
      </p>
<h4>只有一行(Row)一列(Column)的表格</h4>
<table border="1">
      <tr>
                <td>100</td>
      </tr>
</table>
<h4>一行三列的表格</h4>
<table border="1">
       <tr>
                <td>100</td>
                <td>200</td>
                <td>300</td>
       </tr>
</table>
<h4>两行三列的表格</h4>
<table border="1">
        <tr>
               <td>100</td>
               <td>200</td>
               <td>300</td>
        </tr>
        <tr>
               <td>400</td>
               <td>500</td>
               <td>600</td>
        </tr>
</table>
border属性
     在缺省情况下,如果不设置表格的边界,表格是不显示边界的。
不显示边界的表格
<h4>缺省情况下,表格没有边界。</h4>
<table>
       <tr>
               <td>100</td>
               <td>200</td>
               <td>300</td>
       </tr>
        <tr>
                <td>400</td>
                <td>500</td>
                <td>600</td>
        </tr>
</table>
<h4>表格Border设为0,也不显示边界:</h4>
<table border="0">
          <tr>
                  <td>100</td>
                  <td>200</td>
                  <td>300</td>
           </tr>
           <tr>
                   <td>400</td>
                   <td>500</td>
                   <td>600</td>
          </tr>
</table>
要显示表格的边界,可使用border这个属性。
显示边界的表格
<h4>表格的边界值设为1:</h4>
<table border="1">
            <tr>
                      <td>第一</td>
                      <td>行</td>
            </tr>
             <tr>
                      <td>第二</td>
                      <td>行</td>
            </tr>
</table>
<h4>表格的边界值设为8,边界更粗:</h4>
<table border="8">
             <tr>
                       <td>第一</td>
                       <td>行</td>
            </tr>
             <tr>
                       <td>第二</td>
                       <td>行</td>
             </tr>
</table>
<h4>表格的边界值设为15,边界更粗:</h4>
<table border="15">
             <tr>
                       <td>第一</td>
                       <td>行</td>
             </tr>
             <tr>
                       <td>第二</td>
                       <td>行</td>
             </tr>
</table>
表格的表头
用<th>来表示表格的表头,表头的字是粗体显示的。
有表头的表格
<h4>有表头的表格:</h4>
<table border="1">
             <tr>
                        <th>姓名</th>
                        <th>电话</th>
                        <th>传真</th>
              </tr>
               <tr>
                         <td>Bill Gates</td>
                         <td>555 77 854</td>
                         <td>555 77 855</td>
                </tr>
</table>
<h4>竖直方向的表头:</h4>
<table border="1">
               <tr>
                        <th>姓名</th>
                       <td>Bill Gates</td>
               </tr>
               <tr>
                        <th>电话</th>

最新评论共有 0 位网友发表了评论
发表评论
评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名: 密码:
匿名?
注册