日期:2014-05-17  浏览次数:20866 次

HTML标签天天练11--<table>表格2
   --请咨询学习的朋友 直接加工作室--夜风插画QQ 36049393(请注明学习内容)谢谢合作!或直接点击-夜风插画新浪博客-进行浏览. 
  
 继续表格的讲述:在很多时候,我们的项目名称下会包含很多的内容,下面的表格中就有跨跃式的表头项目(复制到DW中练习及测试):
<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>
<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>