您现在的位置:首页 >> 前端 >> 内容

HTML标签天天练--< table >表格2

时间:2013/1/22 13:52:49 点击:

  核心提示:[html]html body h4跨跃两列单元格:/h4 table border=1 trth姓名/thth colspan=2电话/th /tr trtd夜风/tdtd1234567890/td...
[html] 

<html>  

<body>  

<h4>跨跃两列单元格:</h4>  

<table border="1">  

<tr>  

  <th>姓名</th>  

  <th colspan="2">电话</th>  

</tr>  

<tr>  

  <td>夜风</td>  

  <td>1234567890</td>  

  <td>1234567890</td>  

</tr>  

</table>  

<h4>跨跃两行单元格:</h4>  

<table border="1">  

<tr>  

  <th>姓名</th>  

  <td>夜风</td>  

</tr>  

<tr>  

  <th rowspan="2">电话</th>  

  <td>1234567890</td>  

</tr>  

<tr>  

  <td>0987654321</td>  

</tr>  

</table>  

</body>  

</html>  

 

——运用之前我们学过的知识点,作一个综合表格(复制到DW中练习与测试):

[html]  

<html>  

<body>  

<table border="1">  

<tr>  

  <td>单元格内有个表格:  

   <table border="1">  

   <tr>  

     <td>xxx</td>  

     <td>yyy</td>  

   </tr>  

   <tr>  

     <td>zzz</td>  

     <td>mmm</td>  

   </tr>  

   </table>  

  <td>  

   <p>第一段。</p>  

   <p>第二段。</p>  

  </td>  

  </td>  

</tr>  

<tr>  

  <td>这单元有个列表:  

   <ul>  

    <li>蛋糕</li>  

    <li>奶油</li>  

    <li>可乐</li>  

   </ul>  

  </td>  

  <td>又一个单元格</td>  

</tr>  

</table>  

</body>  

</html>  

 

Tags:HT TM ML L标 
作者:网络 来源:不详