进入 PHPChina 首页
当前位置:PHPChina 开源社区门户 - PHP编程技巧 - 正文
[字号:  ]

如何创建HTML表格

发布时间:2007-9-06 15:48   作者: PHPChina   信息来源: PHPchina  [我来说两句(3884条)]

      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>

字号:   | 推荐给好友

[我来说两句(3884条)]
现在有1人对本文发表评论 查看全部评论>>评论区

 

评分:0

验证码: seccode