0043.htm

来自「新时代软件教程:操作系统 主页制作 服务器 设计软件 网络技术 编程语言 文字编」· HTM 代码 · 共 717 行 · 第 1/2 页

          <th>Sweet</th>
          <td>　</td>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>A</td>
          <td>B</td>
          <td>C</td>
        </tr>
        <tr>
          <td>D</td>
          <td>E</td>
          <td>F</td>
          <td>　</td>
        </tr>
      </tbody>
    </table>
    <p><!------vsides------->
    </p>
    只显示左、右边框 &lt;table frame=vsides&gt; 
    <table border="1" frame="vsides"> 
      <tbody> 
        <tr> 
          <td>　
        </tr>
      <thead>
        <tr>
          <th>Food</th>
          <th>Drink</th>
          <th>Sweet</th>
          <td>　</td>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>A</td>
          <td>B</td>
          <td>C</td>
        </tr>
        <tr>
          <td>D</td>
          <td>E</td>
          <td>F</td>
          <td>　</td>
        </tr>
      </tbody>
    </table>
    <p><!------lhs------->
    </p>
    只显示左边框 &lt;table frame=lhs&gt; 
    <table border="1" frame="lhs"> 
      <tbody> 
        <tr> 
          <td>　
        </tr>
      <thead>
        <tr>
          <th>Food</th>
          <th>Drink</th>
          <th>Sweet</th>
          <td>　</td>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>A</td>
          <td>B</td>
          <td>C</td>
        </tr>
        <tr>
          <td>D</td>
          <td>E</td>
          <td>F</td>
          <td>　</td>
        </tr>
      </tbody>
    </table>
    <p><!------rhs------->
    </p>
    只显示右边框 &lt;table frame=rhs&gt; 
    <table border="1" frame="rhs"> 
      <tbody> 
        <tr> 
          <td>　
        </tr>
      <thead>
        <tr>
          <th>Food</th>
          <th>Drink</th>
          <th>Sweet</th>
          <td>　</td>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>A</td>
          <td>B</td>
          <td>C</td>
        </tr>
        <tr>
          <td>D</td>
          <td>E</td>
          <td>F</td>
          <td>　</td>
        </tr>
      </tbody>
    </table>
    <p><!------void------->
    </p>
    不显示任何边框 &lt;table frame=void&gt; 
    <table border="1" frame="void"> 
      <tbody> 
        <tr> 
          <td>　
        </tr>
      <thead>
        <tr>
          <th>Food</th>
          <th>Drink</th>
          <th>Sweet</th>
          <td>　</td>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>A</td>
          <td>B</td>
          <td>C</td>
        </tr>
        <tr>
          <td>D</td>
          <td>E</td>
          <td>F</td>
          <td>　</td>
        </tr>
      </tbody>
    </table>
    <p><!--################## Rule ########################-->
    <a name="rule"></a></p> 
    &nbsp;<font color="#008000">表格中分隔线(Rules)的显示</font>
    <p><!------all------->
    </p>
    显示所有分隔线 &lt;table rules=all&gt; 
    <pre>&lt;table border rules=all&gt;
&lt;colgroup&gt;&lt;col align=center span=2&gt;
&lt;colgroup align=right&gt;
     &lt;thead&gt;
          &lt;tr&gt;&lt;th&gt;Food&lt;/th&gt;&lt;th&gt;Drink&lt;/th&gt;&lt;th&gt;Sweet&lt;/th&gt;
     &lt;/thead&gt;
     &lt;tbody&gt;
          &lt;tr&gt;&lt;td&gt;A&lt;/td&gt;&lt;td&gt;B&lt;/td&gt;&lt;td&gt;C&lt;/td&gt;
          &lt;tr&gt;&lt;td&gt;D&lt;/td&gt;&lt;td&gt;E&lt;/td&gt;&lt;td&gt;F&lt;/td&gt;
     &lt;/tbody&gt;
     &lt;tbody&gt;
          &lt;tr&gt;&lt;td rowspan=3 align=right&gt;Total $-00.0&lt;/td&gt;
     &lt;/tbody&gt;
&lt;/table&gt;
</pre> 
    <table border="1" rules="all"> 
      <tbody> 
        <tr> 
          <td>　
        </tr>
      <colgroup>
        <col align="middle" span="2">
      <colgroup align="right">
      <thead>
        <tr>
          <th>Food</th>
          <th>Drink</th>
          <th>Sweet</th>
          <td>　</td>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>A</td>
          <td>B</td>
          <td>C</td>
        </tr>
        <tr>
          <td>D</td>
          <td>E</td>
          <td>F</td>
          <td>　</td>
        </tr>
      </tbody>
      <tbody>
        <tr>
          <td align="right" colSpan="3">Total $-00.0</td> 
          <td>　</td>
        </tr>
      </tbody>
    </table>
    <p><!------groups------->
    </p>
    只显示组(Groups)与组之间的分隔线 &lt;table rules=groups&gt; 
    <table border="1" rules="groups"> 
      <tbody> 
        <tr> 
          <td>　
        </tr>
      <colgroup>
        <col align="middle" span="2">
      <colgroup align="right">
      <thead>
        <tr>
          <th>Food</th>
          <th>Drink</th>
          <th>Sweet</th>
          <td>　</td>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>A</td>
          <td>B</td>
          <td>C</td>
        </tr>
        <tr>
          <td>D</td>
          <td>E</td>
          <td>F</td>
          <td>　</td>
        </tr>
      </tbody>
      <tbody>
        <tr>
          <td align="right" colSpan="3">Total $-00.0</td> 
          <td>　</td>
        </tr>
      </tbody>
    </table>
    <p><!------rows------->
    </p>
    只显示行与行之间的分隔线 &lt;table rules=rows&gt; 
    <table border="1" rules="rows"> 
      <tbody> 
        <tr> 
          <td>　
        </tr>
      <colgroup>
        <col align="middle" span="2">
      <colgroup align="right">
      <thead>
        <tr>
          <th>Food</th>
          <th>Drink</th>
          <th>Sweet</th>
          <td>　</td>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>A</td>
          <td>B</td>
          <td>C</td>
        </tr>
        <tr>
          <td>D</td>
          <td>E</td>
          <td>F</td>
          <td>　</td>
        </tr>
      </tbody>
      <tbody>
        <tr>
          <td align="right" colSpan="3">Total $-00.0</td> 
          <td>　</td>
        </tr>
      </tbody>
    </table>
    <p><!------cols------->
    </p>
    只显示列与列之间的分隔线 &lt;table rules=cols&gt; 
    <table border="1" rules="cols"> 
      <tbody> 
        <tr> 
          <td>　
        </tr>
      <colgroup>
        <col align="middle" span="2">
      <colgroup align="right">
      <thead>
        <tr>
          <th>Food</th>
          <th>Drink</th>
          <th>Sweet</th>
          <td>　</td>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>A</td>
          <td>B</td>
          <td>C</td>
        </tr>
        <tr>
          <td>D</td>
          <td>E</td>
          <td>F</td>
          <td>　</td>
        </tr>
      </tbody>
      <tbody>
        <tr>
          <td align="right" colSpan="3">Total $-00.0</td> 
          <td>　</td>
        </tr>
      </tbody>
    </table>
    <p><!------none------->
    </p>
    不显示任何分隔线 &lt;table rules=none&gt; 
    <table border="1" rules="none"> 
      <tbody> 
        <tr> 
          <td>　
        </tr>
      <colgroup>
        <col align="middle" span="2">
      <colgroup align="right">
      <thead>
        <tr>
          <th>Food</th>
          <th>Drink</th>
          <th>Sweet</th>
          <td>　</td>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>A</td>
          <td>B</td>
          <td>C</td>
        </tr>
        <tr>
          <td>D</td>
          <td>E</td>
          <td>F</td>
          <td>　</td>
        </tr>
      </tbody>
      <tbody>
        <tr>
          <td align="right" colSpan="3">Total $-00.0</td> 
          <td>　</td>
        </tr>
      </tbody>
    </table>
    <p>　</p>
    <p>(未完，请继续)

  </table>
<p align="center"><script src="../../2.js"></script></a>
</body>
</html>