站内搜索:
首页 >> 前端 >> 内容
HTML标签天天练--< table >表格2

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

[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>  

 

  • 上一篇:WEB设计中的排版 如何便于用户高效、准确获取相关信息
  • 下一篇:HTML标签天天练-< table >表格1
  • 返回顶部