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

 再次公告-咨询学习的朋友 请直接加工作室--夜风插画QQ 36049393(请注明学习内容)谢谢合作！
    在DIV盛行之前，HTML里的table--是强大的，占有一席重要之地。多种文字、数据、及许多能直接让受众直接浏览的元素等等，都包含在其中。时过境迁，在DIV框架普及之后，我们更要花时间学习table的基础知识：
    从这篇起，将花几个篇幅来讲述。<table>表格，是由<tr><th><td><caption>等元素构成，就像团队一样，每个元素都起着自身的作用，组合起来，就成为整体，以下是简单的举例(复制到DW中尝试)：
[html] view plaincopy
<html>  
<body>  
<h4>表格没有边框：</h4>  
<table>  
<tr>  
  <td>100</td>  
  <td>200</td>  
  <td>300</td>  
</tr>  
</table>  
<h4>表格有边框：</h4>  
<table border="1">  
<tr>  
  <td>100</td>  
  <td>200</td>  
</tr>  
</table>  
</body>  
</html>  
 
——带有表头项目名称的表格，是怎样的呢，如下举例(复制到DW中尝试)：
[html] view plaincopy
<html>  
<body>  
<h4>横向的表头项目：</h4>  
<table border="1">  
<tr>  
  <th>姓名</th>  
  <th>电话</th>  
</tr>  
<tr>  
  <td>夜风</td>  
  <td>1234567890</td>  
</tr>  
</table>  
<h4>纵向的表头：</h4>  
<table border="1">  
<tr>  
  <th>姓名</th>  
  <td>夜风</td>  
</tr>  
<tr>  
  <th>电话</th>  
  <td>1234567890</td>  
</tr>  
</table>  
</body>  
</html>

补充：web前端 , HTML/CSS  ,