06表格标签

最新推荐文章于 2024-05-19 17:34:30 发布

输出机器

最新推荐文章于 2024-05-19 17:34:30 发布

阅读量54

点赞数

分类专栏： Html 文章标签： webview html html5 开发语言前端

本文链接：https://blog.csdn.net/qq_44974028/article/details/123364878

版权

Html 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
    <head>
        <title>
                06表格标签
        </title>
    </head>
    <body>
        <!-- 
            * table：定义表格
				* width：宽度
				* border：边框
				* cellpadding：定义内容和单元格的距离
				* cellspacing：定义单元格之间的距离。如果指定为0，则单元格的线会合为一条、
				* bgcolor：背景色
				* align：对齐方式
			* tr：定义行
				* bgcolor：背景色
				* align：对齐方式
			* td：定义单元格
				* colspan：合并列
				* rowspan：合并行
			* th：定义表头单元格
			* <caption>：表格标题
			* <thead>：表示表格的头部分 只是为了更好的区分内容结构，方便改样式
			* <tbody>：表示表格的体部分
			* <tfoot>：表示表格的脚部分
         -->
        <table border="40" width="200" height="200" cellpadding="12" cellspacing="60" align="center" bgcolor="purple">
            <tr>
                <td bgcolor="red">1.1</td>
                <td bgcolor="red">1.2</td>
                <td bgcolor="red">1.3</td>
                <td bgcolor="red">1.4</td>
            </tr>
            <tr bgcolor="yellow">
                <td>2.1</td>
                <td>2.2</td>
                <td>2.3</td>
                <td>2.4</td>
            </tr>
            <tr bgcolor="blue">
                <td>3.1</td>
                <td>3.2</td>
                <td>3.3</td>
                <td>3.4</td>
            </tr>
            <tr bgcolor="green">
                <td>4.1</td>
                <td>4.2</td>
                <td>4.3</td>
                <td>4.4</td>
            </tr>
        </table>
        <table border="1" width="100" height="100" cellpadding="1" cellspacing="0" align="left" bgcolor="yellow">
            <caption>数字表</caption>
            <thead>
                <tr>
                    <th rowspan = "2">1.1</th>
                    <th>1.2</th>
                    <th>1.3</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>2.1</td>
                    <td>2.2</td>
                </tr>
            </tbody>
            <tfoot>
                <tr>
                    <td colspan="2">3.1</td>
                    <td>3.2</td>
                </tr>
            </tfoot>
        </table>
    </body>
</html>

输出机器

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
06表格标签

<!DOCTYPE html><html> <head> <title> 06表格标签 </title> </head> <body> <!-- * table：定义表格 * width：宽度 * border：边框 * cellpadding：定义内容和单元格的.
复制链接

扫一扫