表格标签

 

作用: 可以对数据进行格式化,使数据显示更加清晰

标签名称:

表格标签:<table></table>

行标签: <tr></tr>

单元格标签: <td><td>

单元格居中以及加粗标签: <th></th>

表格标题标签: <caption></caption>

表格标签属性:

border: 设置边框

cellspacing: 设置单元格的间距

width: 宽

height: 高

行标签属性:

align: 设置对齐方式: center , right , left

单元格标签属性:

align: 设置对齐方式: center , right , left

colspan: 跨列

rowspan: 跨行

示例代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>无标题文档</title>
</head>
<!--
<table>表格标签
表格使用到的标签：
    <table> 表格
    <tr>    行
    <td>    单元格
    <th>     表头   默认的样式是居中，加粗。
    <caption>  表格的标题
表格常用的属性：
    border  设置表格的边框 
    width : 设置表格的宽度
    height: 设置表格的高度的。
     colspan: 设置单元格占据指定的列数。
    rowspan : 设置单元格占据指定的行数。
-->
<body>
<table align="center" border="1px" bordercolor="#0066CC" width="400px" height="300px">
    <caption>期末考试成绩表</caption>
    <thead>
    <tr>
        <th>姓名</th>
        <th>分数</th>
        <th>人品</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td rowspan="2">张三</td>
        <td>98</td>
        <td>优</td>
    </tr>
    <tr>

        <td>100</td>
        <td>优</td>
    </tr>
    <tr>
        <td>李四</td>
        <td>99</td>
        <td>非常好</td>
    </tr>
    <tr align="center">
        <td>综合测评</td>
        <td colspan="2">非常好</td>
    </tr>
    </tbody>
</table>
</body>
</html>

 

posted on 2017-02-19 10:26  LoaderMan  阅读(171)  评论(0)  编辑  收藏  举报

导航