HTML做表格

最新推荐文章于 2024-05-30 19:41:18 发布

蛰伏GR

最新推荐文章于 2024-05-30 19:41:18 发布

阅读量76

点赞数

分类专栏： HTML 文章标签： html 前端

本文链接：https://blog.csdn.net/ccBcc_/article/details/126210007

版权

HTML 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

HTML做表格

定义表格<table表格内容</table #自动补全括号<无法展示，同下>
定义行<tr内容</tr
表头数据<th内容</th
定义单元格<td </td,也称表格数据
cellspacing：单元格间距
border：边框
width：表格宽度
height：表格长度
thead：表头行
tbody：内容
tfoot：对前面行的总结，一般是最后一行
caption：表格标题，通常这个标题会被居中且显示于表格之上
alige='center/middle’表示内容居中展示
rowspan=‘合并行单元格的个数’
colspan=‘合并列单元格的个数’

合并规则从上往下，从左往右

表格练习

在这里插入图片描述

<head>
    <style>
        th{
            width:100px;
            height:20px;
            text-align:center;
            font-size:15px;
        }
        td{
            width:100px;
            height:20px;
            text-align:center;
            font-size:15px;
        }
    </style>
</head>
<table>
    <caption>各地区固定资产投资情况</caption>
    <thead>
    <tr>
         <th rowspan='2'>地区</th>
         <th colspan='2'>按总量分</th>
         <th colspan='2'>按比重分</th>
    </tr>
    <tr>
        <th>今年出累计（亿元）</th>
        <th>比去年同期增长（%）</th>
        <th>今年初累计（%）</th>
        <th>去年同期（%）</th> 
    </tr>
    </thead>
    <tbody>
        <tr>
            <td>全国</td>
            <td>123456.90</td>
            <td>9.6</td>
            <td>100.0</td>
            <td>100.0</td>   
        </tr>
        <tr>
            <td>全国</td>
            <td>123456.90</td>
            <td>9.6</td>
            <td>100.0</td>
            <td>100.0</td>   
        </tr>
        <tr>
            <td>全国</td>
            <td>123456.90</td>
            <td>9.6</td>
            <td>100.0</td>
            <td>100.0</td>   
        </tr>
        <tr>
            <td>全国</td>
            <td>123456.90</td>
            <td>9.6</td>
            <td>100.0</td>
            <td>100.0</td>   
        </tr>
        <tr>
            <td>全国</td>
            <td>123456.90</td>
            <td>9.6</td>
            <td>100.0</td>
            <td>100.0</td>   
        </tr>
    </tbody>
</table>

各地区固定资产投资情况
地区	按总量分		按比重分
地区	今年出累计（亿元）	比去年同期增长（%）	今年初累计（%）	去年同期（%）
全国	123456.90	9.6	100.0	100.0
全国	123456.90	9.6	100.0	100.0
全国	123456.90	9.6	100.0	100.0
全国	123456.90	9.6	100.0	100.0
全国	123456.90	9.6	100.0	100.0