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

来源:未知 责任编辑:智问网络 发表时间:2013-11-04 19:51 点击:

 在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>

    发表评论
    请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
    用户名: 验证码:点击我更换图片
    最新评论 更多>>

    推荐热点

    • WordPress添加百度喜欢按钮小技巧
    • Wordpress 博客如何实现自定义Gravatar头像
    • 网站设计分析:建立良好的视觉层级
    • 网站设计分析:“中国式设计”的三个方向
    • 案例分析:奥巴马筹款网站的制作过程
    • 7大主流B2C首页导航栏设计对比分析
    • 创建不平衡的平衡:在网页设计中使用不对称设计
    • Wordpress页面模板制作方法及使用
    • css控制文字前的小图标
    网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
    Copyright © 2008-2015 计算机技术学习交流网. 版权所有

    豫ICP备11007008号-1