您现在的位置:首页 >> 前端 >> 内容

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

时间:2013/1/22 13:45:44 点击:

  核心提示:再次公告-咨询学习的朋友 请直接加工作室--夜风插画QQ 36049393(请注明学习内容)谢谢合作!在DIV盛行之前,HTML里的table--是强大的,占有一席重要之地。多种文字、数据、及许多能直...
 再次公告-咨询学习的朋友 请直接加工作室--夜风插画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>  

 

Tags:HT TM ML L标 
作者:网络 来源:不详