收藏本站 | 站点地图 | 繁體中文
沭阳乐园
您现在的位置: 沐阳乐园 >> 文章中心 >> 网站建设 >> HTML学习 >> 正文
HTML教程:表格的介绍         ★★★
HTML教程:表格的介绍
作者:gaozheny… 文章来源:原创 点击数:937 更新时间:2013-3-12 1:00:20

表格在HTML初级教程中看起来够复杂的了。来看下面的代码:

Example Source Code
    <table border=”1″>
    <tr>
    <th>Column 1 heading</th>
    <th>Column 2 heading</th>
   <th>Column 3 heading</th>
    </tr>
    <tr>
    <td>Row 2, cell 1</td>
    <td colspan=”2″>Row 2, cell 2, also spanning Row 2, cell 3</td>
    </tr>
    <tr>
    <td rowspan=”2″>Row 3, cell 1, also spanning Row 4, cell 1</td>
    <td>Row 3, cell 2</td>
    <td>Row 3, cell 3</td>
    </tr>
    <tr>
    <td>Row 4, cell 2</td>
    <td>Row 4, cell 3</td>
    </tr>
    </table>

首先,我们在第一行中用td标签取代了th标签。td是标准的数据单元格,th是单元格表头。像td标签一样,这些th标签也要用在tr标签里边。

在一些td标签中,我们用到了colspan和rowspan属性。在浏览器中查看,你会发现,在第二行中两个单元格代替了三个,第二个单元格横跨了两列。colspan属性,意即“列跨越”,将会跨越指定数目的单元格。就是说,在这个例子中不再需要第三个td标签──两个单元格个已经合并成一个。

rowspan属性跟colspan属性类似,显而易见,它将跨越行。又,它跨越的单元格应该被删除。在这个例子中,因为它跨越了四行,这一行只有两个单元格。

与那个简单的3×4,12个单元格的表格,我们也来算一下这些有合并单元格的表格数目。尽管只有10个单元格,但里面包含了2个跨越。

文章录入:音乐听听    责任编辑:音乐听听 
  • 上一篇文章:
  • 下一篇文章:
  • 【字体: 】 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    广告招商
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    ::发表评论::
     姓 名:
     评 分: 1分 2分 3分 4分 5分
     评论内容:
  • 严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
  • 用户需对自己在使用本网服务过程中的行为承担法律责任。
  • 本站管理员有权保留或删除评论内容。
  • 评论内容只代表网友个人观点,与本网站立场无关。
  • 广告招商
    文章 下载 图片 文字广告
    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告 | 管理登陆

    备案/许可证编号: 闽ICP备16020960号-1号 域名创建于2016年8月
    版权: 沐阳乐园 All Rights Reserved 站长:张萍 邮箱:381415887@qq.com 联系QQ:联系站长