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

当前位置 : 首页 > 网页制作 > CSS > HTML标签天天练--< table >表格2

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

来源: 作者: 时间:2016-02-18 10:13
[html]html body h4跨跃两列单元格:/h4 table border=1 tr th姓名/th th colspan=2电话/th /tr tr td夜风/td td1234567890/td td1234567890/td...
[] 
<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>  
 
Tag:
网友评论

<