网站地图    收藏   

子栏目

主页 > 前端 > css教程 >

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

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

[导读] 在DIV盛行之前，HTML里的table是强大的，占有一席重要之地。多种文字、数据、及许多能直接让受众直接浏览的元素等等，都包含在其中。时过境迁，在DIV框架普及之后，我们更要花时间...

 在DIV盛行之前，HTML里的<table>是强大的，占有一席重要之地。多种文字、数据、及许多能直接让受众直接浏览的元素等等，都包含在其中。时过境迁，在DIV框架普及之后，我们更要花时间学习table的基础知识：
    从这篇起，将花几个篇幅来讲述。<table>表格，是由<tr><th><td><caption>等元素构成，就像团队一样，每个元素都起着自身的作用，组合起来，就成为整体，以下是简单的举例(复制到DW中尝试)：
<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>
<body>
<h4>横向的表头项目：</h4>
<table border="1">
<tr>
  <th>姓名</th>
  <th>电话</th>
</tr>
<tr>
  <td>夜风</td>
  <td>1234567890</td>
</tr>
</table> www.2cto.com
<h4>纵向的表头：</h4>
<table border="1">
<tr>
  <th>姓名</th>
  <td>夜风</td>
</tr>
<tr>
  <th>电话</th>
  <td>1234567890</td>
</tr>
</table>
</body>
</html>

最新评论

    加载更多~~

    添加评论

    更多文章推荐

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

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

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

    添加评论