当前位置:编程学习 > html/css >>

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

[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/CSS  ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,