HTML表格

最新推荐文章于 2022-07-13 16:40:32 发布
最新推荐文章于 2022-07-13 16:40:32 发布
阅读量174 收藏
点赞数
分类专栏： HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/z_ever1/article/details/78349103
版权
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格</title>
    <style>
        td{
            /*td标签里的文本居中*/
            text-align: center;
        }
        #oneTable tr{
            height: 30px;
        }
        #oneTable td{
            width: 100px;
        }
    </style>
</head>
<body>
    <table border="1px" cellspacing="0" width="400px">
        <tr>
            <th bgcolor="rgb(0,0,0)">学号</th>
            <th bgcolor="rgb(0,255,0)">年龄</th>
            <th bgcolor="rgba(0,255,0,0.9)">姓名</th>
            <th bgcolor="rgb(0,255,0,0.7">成绩</th>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
        </tr>
    </table>
    <hr>
    <h3>单元格合并</h3>
    <table border="1px" cellspacing="0" cellpadding="0" width="500"
            id="oneTable">
            <!-- 默认顶部top   底部bottom -->
        <caption align="bottom">表1 这是学生信息表</caption>
        <!-- tr*6>td*5 -->
        <tr>
            <td rowspan="2"></td>
            <td></td>
            <td></td>
            <td colspan="2"></td>
            <!-- <td></td> -->
        </tr>
        <tr>
            <!-- <td></td> -->
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td colspan="2" rowspan="2"></td>
            <!-- <td></td> -->
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <!-- <td colspan="2"></td> -->
            <!-- <td></td> -->
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td>总计</td>
            <td colspan="4"><img src="./images/1.jpg" alt="出错了"></td>
<!--             <td></td>
            <td></td>
            <td></td> -->
        </tr>
    </table>
</body>
</html>
z_Ever1
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML—表格
Ywyyy231128的博客
11-14 4425
此外，thead、tbody和tfoot标签除了可以使代码更具有语义，还有另外一个重要作用 ：方便分块来控制表格的CSS样式。在HTML中，单元格其实有两种：一种是“表头单元格”，使用的是th标签；另一种是“表行单元格”，使用的是td标签。***一个表格只能有一个标题，也就是只能有一个caption标签。***分析：在默认情况下，表格是没有边框的。***说明：th和td在本质上都是单元格，但是并不代表两者可以互换，它们具有以下区别。***说明：在表格中，有多少组“",就表示有多少行。
HTML基础知识（4）---表格
Litheng的博客
01-30 3260
介绍了HTML的表格的相关知识，合并单元格，行分组以及列分组，绘制表格线
HTML基础 - HTML表格
热门推荐
qq_45383769的博客
04-07 1万+
HTML基础 - HTML表格 1.无表头的表格 <table> <tr> <td> <table>标签代表的是表 <tr>标签代表的是行 <td>标签代表的是列 在html页面中的表格来着，就和excl的表格不一样喽，咱自己有自己的规则： 这就是没有表头，也就是最简单的一个表格。（设置了边框为1 ：border= “1”） 2.有表头的表格 <th> <th>表示就是表头了哦，字体是加粗居中显示的
HTML——表格
三三木木七的博客
05-19 1万+
🌳🌳🌳前言：本文总结了HTML表格的基础知识点 目录 🍄表格——创建 🍄表格——border 🍥表格——border 🍄表格——设置表格的宽、高 🌰举个例子——设置表格的宽、高 🍥表格——width 🍥表格——height 🍄表格——cellpadding 🌰举个例子——cellpadding 🍥表格——cellpadding 🍄表格——cellspacing 🌰举个例子——cellpadding 🍥表格——cellspacing 🍄表格——表格的标题 🌰举个例子...
html表格<table></table>
06-07
html表格 <table border="1"> <tr > <td rowspan="2"> </td> <td> 第二行的单元格 </td> <td> 第三行的单元格 </td> </tr> <tr > <td colspan="2" align="center"> 第二行的单元格 </td> </tr> <tr > <td> 第一行的单元格 </td> <td> 第二行的单元格 </td> <td> 第三行的单元格 </td> </tr> </table>
HTML 表格
12-13
HTML 表格 HTML 表格实例: First Name Last Name Points Jill Smith 50 Eve Jackson 94 John Doe 80 Adam Johnson 67 在线实例 这个例子演示如何在 HTML 文档中创建表格。 （可以在本页底端找到更多...
HTML表格布局实际使用详解
09-28
主要介绍了HTML表格布局实际使用详解,是HTML入门学习中的基础知识,需要的朋友可以参考下
HTML表格生成Excel文件特效代码
03-20
HTML表格生成Excel文件代码是一款基于jquery.table2excel插件实现的可以根据你的需要导出HTML表格中的内容，不需要的行可以不导出。
详解HTML表格|l-639642.pdf
11-20
作用：数据的展示，表格应用场景. 表格 行 单元格 格式： 　<caption>...</caption><!-表格标题，居中显示--> 　 　<th>...</th>...　<!-表格头，内容居中，加粗显示-->　 　 　 　<td>...</td>... ...
HTML表格代码的示例
12-20
这是利用HTML表格代码制作出来的一个表格。
用Python生成HTML表格的方法示例
12-20
在 邮件报表 之类的开发任务中，需要生成 HTML 表格。 使用 Python 生成 HTML 表格基本没啥难度， for 循环遍历一遍数据并输出标签即可。 如果需要实现合并单元格，或者按需调整表格样式，就比较麻烦了。 ...
html 表格比较宽溢出的解决方法
09-28
主要介绍了html 表格比较宽溢出的解决方法，表格如果比较宽，则有可能溢出，所以下面的方法，大家可以看看
HTML表格布局实例讲解
12-13
但是，我们所见到的 Web 页面按照一定的规则布局排版的（通常是多列的），所以就要借助一定的方法来实现这种布局，通常的解决方案是：使用区块元素 <div> 或 表格（）来布局 Web 页面的内容。 使用表格进行布局，是...
html表格属性
05-23
html表格属性，学习；你能通过这文档清楚了解html表格的用法！
表格基础知识
weixin_72553821的博客
07-13 435
包含了表格的基础知识
轻松解决HTML + CSS各种表格问题
shenmill的博客
08-07 9523
表格那些事：简单复杂的表格样式，高度固定表头固定，横向滚动条等。
html中创建表格在正上方的表格标题
qq_43607992的博客
02-21 2046
段落标签的使用 段落标签…的使用
html表格
最新发布
05-27
HTML表格是一种用于展示数据的标准化格式，可以使用HTML的、、等标签来创建表格。 以下是一个简单的HTML表格示例： ```html 姓名 年龄 性别 张三 <td>25 男 李四 <td>30 女 ``` 在上面的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值