网站地图    收藏   

主页 > 前端 > css教程 >

HTML标签天天练--< table >表格2 - html/css语言栏

来源:自学PHP网    时间:2015-04-14 14:50 作者: 阅读:

[导读] [html]html body h4跨跃两列单元格:/h4 table border=1 tr th姓名/th th colspan=2电话/th /tr tr td夜风/td td1234567890/td td1234567890/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>  
 

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论