002表格

已于 2022-03-05 17:22:41 修改
阅读量62 收藏
点赞数
分类专栏： html 文章标签： java python 开发语言
于 2021-07-21 15:38:28 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46815330/article/details/118949619
版权

表格简单制作

<html>
<head><meta charset="UTF-8"><title>fitst.html</title></head>
    <body>
    <table border="1"width="500px" >
        <tr>
            <td>姓名</td>
            <td>性别</td>
            <td>生日</td>
            <td>工资</td>
        </tr>
        <tr>
            <td>张三</td>
            <td>男</td>
            <td>0305</td>
            <td>20000</td>
        </tr>
         <tr>
            <td>张三</td>
            <td>男</td>
            <td>0305</td>
            <td>20000</td>
        </tr>
         <tr>
            <td>张三</td>
            <td>男</td>
            <td>0305</td>
            <td>20000</td>
        </tr>
    </table>
    </body>
</html>

在这里插入图片描述
课程表

<html>
<head><meta charset="UTF-8"><title>fitst.html</title></head>
    <body>
    <table border="1"width="600px" >
         <tr>
           <td>星期</td>
           <td>星期一</td>
           <td>星期二</td>
           <td>星期三</td>
           <td>星期四</td>
           <td>星期五</td>
         </tr>
         <tr>
           <td>第一节</td>
           <td>数学</td>
           <td>数学</td>
           <td>数学</td>
           <td>数学</td>
           <td>数学</td>
        </tr>
        <tr>
           <td>第二节</td>
           <td>数学</td>
           <td>数学</td>
           <td>数学</td>
           <td>数学</td>
           <td>数学</td>
        </tr>
        <tr>
           <td>第三节</td>
           <td>数学</td>
           <td>数学</td>
           <td>数学</td>
           <td>数学</td>
           <td>数学</td>
        </tr>
        <tr>
           <td>第四节</td>
           <td>数学</td>
           <td>数学</td>
           <td>数学</td>
           <td>数学</td>
           <td>数学</td>
        </tr>
        <tr>
           <td>午休</td>
           <td>午休</td>
           <td>午休</td>
           <td>午休</td>
           <td>午休</td>
           <td>午休</td>
        </tr>
        <tr>
           <td>第五节</td>
           <td>语文</td>
           <td>语文</td>
           <td>语文</td>
           <td>语文</td>
           <td>语文</td>
        </tr>
        <tr>
           <td>第六节</td>
           <td>语文</td>
           <td>语文</td>
           <td>语文</td>
           <td>语文</td>
           <td>语文</td>
       </tr>
    </table>
    </body>
</html>

在这里插入图片描述
2表格的合并
colspan和rowspan
可以将数学课合并

<html>
<head><meta charset="UTF-8"><title>fitst.html</title></head>
    <body>
    <table border="1"width="600px" >
         <tr>
           <td>星期</td>
           <td>星期一</td>
           <td>星期二</td>
           <td>星期三</td>
           <td>星期四</td>
           <td>星期五</td>
         </tr>
         <tr>
           <td>第一节</td>
           <td>数学</td>
           <td>数学</td>
           <td colspan="2" rowspan="2">数学</td>
           <td>数学</td>
        </tr>
        <tr>
           <td>第二节</td>
           <td>数学</td>
           <td>数学</td>

           
           <td>数学</td>
        </tr>
        <tr>
           <td>第三节</td>
           <td rowspan="2">语文</td>
           <td>数学</td>
           <td>数学</td>
           <td rowspan="2">语文</td>
           <td>美术</td>
        </tr>
        <tr>
           <td>第四节</td>

           <td>数学</td>
           <td>数学</td>

           <td>数学</td>
        </tr>
        <tr>
           <td colspan="6">午休</td>
        </tr>
        <tr>
           <td>第五节</td>
           <td>语文</td>
           <td>语文</td>
           <td>语文</td>
           <td>语文</td>
           <td>语文</td>
        </tr>
        <tr>
           <td>第六节</td>
           <td>语文</td>
           <td>语文</td>
           <td>语文</td>
           <td>语文</td>
           <td>语文</td>
       </tr>
    </table>
    </body>
</html>

在这里插入图片描述
3其他标签
bgcolor颜色
align,
valign

<html>
<head><meta charset="UTF-8"><title>fitst.html</title></head>
    <body>
    <table border="1"width="600px" bgcolor="#00ff7f" align="center" valign="top">
         <tr>
           <td>星期</td>
           <td>星期一</td>
           <td>星期二</td>
           <td>星期三</td>
           <td>星期四</td>
           <td>星期五</td>
         </tr>
         <tr>
           <td>第一节</td>
           <td>数学</td>
           <td>数学</td>
           <td colspan="2" rowspan="2">数学</td>
           <td>数学</td>
        </tr>
        <tr>
           <td>第二节</td>
           <td>数学</td>
           <td>数学</td>


           <td>数学</td>
        </tr>
        <tr>
           <td>第三节</td>
           <td rowspan="2">语文</td>
           <td>数学</td>
           <td>数学</td>
           <td rowspan="2">语文</td>
           <td>美术</td>
        </tr>
        <tr>
           <td>第四节</td>

           <td>数学</td>
           <td>数学</td>

           <td>数学</td>
        </tr>
        <tr>
           <td colspan="6">午休</td>
        </tr>
        <tr>
           <td>第五节</td>
           <td>语文</td>
           <td>语文</td>
           <td>语文</td>
           <td>语文</td>
           <td>语文</td>
        </tr>
        <tr>
           <td>第六节</td>
           <td>语文</td>
           <td>语文</td>
           <td>语文</td>
           <td>语文</td>
           <td>语文</td>
       </tr>
    </table>
    </body>
</html>

在这里插入图片描述

tr
td
th:表格头
在这里插入图片描述

在这里插入图片描述

表格标签是块级元素
在这里插入图片描述

范德彪陕西分彪
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
overleaf表格_LaTeX插入表格
weixin_42696271的博客
01-17 4996
惬意的周末，我也想拥有周末了，下个礼拜终于要开学了，好像又要开始摆出努力的样子。一切都是在循环往复，还是希望进步，能够学习一些从没有接触过的实物和技术。LaTeX是极其专业的排版软件，我也想试试，我就来用它排版我的论文，这样走一遍之后，我想应该基本入门了。在插入表格的时候，遇到了一些问题，特异记录下来。1. 如何插入庞大的表格我们都知道，LaTeX可以一行一行的插入表格，但是在我们遇到比较庞大的表...
python画表格_PyQt5 绘制表格
weixin_39805644的博客
11-26 2210
PyQt5绘制表格PyQt5绘制表格需要用到QTableWidget控件,QTableWidget可以添加行，添加列，添加表格图片等。而且可以自定义表格样式。非常好用。我们先看下图吧源码# -*- coding:utf-8 -*-”’TableWidget”’__author__ = ‘py40.com’import sysfrom PyQt5.QtCore import Qtfrom PyQt5...
Markdown表格——复杂表格
热门推荐
dream_summer的博客
12-07 5万+
markdown 中的表格样式设置
react实现表格滚动
couch potato的博客
01-21 1579
react实现表格滚动 1、js组件 import React from 'react'; import styles from './TableRolling.module.scss' class TableRolling extends React.Component { constructor(props) { super(props); } componentDidMount = () => { this.industryNews =
002_table标签制作细线表格
qq_33605778的博客
09-07 320
HTML标签中的table标签，就简单的写出来的话，那就是丑。 代码： 效果： 真的是够丑的，为什么会是这样的样子呢？ 表格之间存在着间隙，宽度为2。那我们试着去掉表格的间隙（cellspacing属性）。 我们让间隙值为0。 效果： 貌似好了一些，但是，还是丑。 终极版： 我们试
ChatGPT | Word表格整体输出
hellogv的专栏
06-24 3299
用ChatGPT往往是做企业知识库，所以会出现一个场景，即员工想让ChatGPT讲解包含表格的内容。 要达到效果，本文的做法是： 1、用pandoc把Doc文档转为MarkDown而且是GitHub模式，是重点，因为MarkDown可以作为文本被embedding并且输出内容包含原汁原味的表格标签 2、用"\n## "作为MarkDown文件的切割符，用TXTLoader读取MD文件并embedding 3、这里只用embedding而不用ChatGPT，本文只做整体表格输出，不做表格
Markdown表格——在CSDN上画表格
weixin_45634365的博客
03-18 622
示例一 代码： |显示效果|代码| |--|--| | $a+b$ | `$a+b$` | |$a-b$| `$a-b$` | |$a*b$|`$a*b$`| | $a/b$ | `$a/b$` | | $\frac{a}{b}$ | `$\frac{a}{b}$` | 显示效果： 显示效果 代码 a+ba+ba+b $a+b$ a−ba-ba−b $a-b$ a∗ba*ba∗b $a*b$ a/ba/ba/b $a/b$ ab\frac{a}{b}ba​ $\frac{a
html实现表格布局,div 实现表格布局
weixin_32104797的博客
07-02 920
div.table{font-size:0;width:400px;border-top-style:solid;border-top-width:1px;border-left-style:solid;border-left-width:1px;margin:0auto;}div.table>div>div{font-size:18;border-right-width:...
overleaf表格_Overleaf——LaTeX制表命令使用教程
weixin_31616803的博客
01-17 6384
1.基本格式\documentclass{article}\begin{document}\begin{tabular}{cc}%一个c表示有一列，格式为居中显示(center)(1,1)&(1,2)\\%第一行第一列和第二列 中间用&连接(2,1)&(2,2)\\%第二行第一列和第二列 中间用&连接\end{tabular}\end{document}效果如下...
table表格基础
wzqybz的博客
08-25 1200
组成：caption（标题）、thead（表头）、tbody（表体）、tfoot（表尾）align：设置表格对齐方式（left（默认）/right/center）写在列中(td)，需要从第一个跨行跨列的单元格写，然后删除多余的。rowspan（跨行）/colspan（跨列）cellpadding:设置内容与单元格间距。border：设置表格边框（有两层边框）cellspacing:设置像素间距。width：设置表格宽度。...
仓库管理表格——物料库存卡.doc
01-28
仓库管理表格——物料库存卡 在仓库管理中，物料库存卡是非常重要的一份文件，它记录着物料的基本信息、库存情况、入库和出库记录等信息。下面我们将详细解释物料库存卡的各个栏位和内容： 一、物料名称 物料名称...
jquery基础实例002——可编辑的表格
04-21
利用jquery实现了基础的可编辑表格的操作.
建筑工程施工技术资料管理规程全套表格.zip
04-25
鲁JJ—002 工程项目施工管理人员名单 表格\JJ002.doc 鲁JJ—003 施工现场质量管理检查记录 表格\JJ003.doc 鲁JJ—004 施工组织设计、施工方案审核表 表格\JJ004.doc 鲁JJ—005 技术交底记录 表格\JJ005.doc 鲁JJ—...
建龙软件全套表格.pdf
09-26
二、单位工程开工报告（SG-002） * 用于报告单位工程的开工信息 * 填写要求：工程名称、地址、类别、预算造价、计划总投资、建筑面积、开工日期、竣工日期等 三、施工日志（SG-003） * 用于记录施工过程中的重要...
源码 android动态添加表格行(002).zip
04-06
免责声明：资料部分来源于合法的互联网渠道收集和整理，部分自己学习积累成果，供大家学习参考与交流。收取的费用仅用于收集和整理资料耗费时间的酬劳。 本人尊重原创作者或出版方，资料版权归原作者或出版方所有，...
数据结构与算法-差分数组及应用
qq_36115196的博客
06-20 493
差分数组： 其实差分数组是创建一个一个辅助数组，用来表示给定数组的变化，一般用来对数组进行区间修改的操作。
Day43
最新发布
m0_67496588的博客
06-20 520
JSON，Ajax
基于springboot的青年公寓服务平台源码数据库
s123456sj的博客
06-16 1196
本青年公寓服务平台分为管理员还有用户两个权限，管理员可以管理用户的基本信息内容，可以管理房屋投诉信息以及房屋投诉的租赁信息，能够与用户进行相互交流等操作，用户可以查看房屋信息，可以查看房屋投诉以及查看管理员回复信息等操作。
Java 中 什么是 lambda 表达式？有什么优点？
liangzai215的专栏
06-13 918
但是，Lambda 表达式绝对不是 Java 8 的银弹，它在消除代码冗余、支持并发这两方面表现优秀，但是在其他方面并未有太多贡献，所以我们在编程的时候，还是需要结合实际情况，灵活选择使用。Lambda表达式在Java 8中是非常强大的工具，但是需要注意的是，Lambda并并不适合所有情况，它主要适用于函数式编程，处理集合操作和Stream操作，在某些具体的业务逻辑操作中就不一定会产生预期的效果。代码块：是 Lambda 表达式需要执行的功能，可以是一行代码，也可以是复杂的多行代码。
python 合并表格
03-28
使用 Pandas 库可以很方便地实现表格合并。 假设有两个表格 A 和 B，它们的结构如下： ```python import pandas as pd # 表格 A df_a = pd.DataFrame({ 'id': ['001', '002', '003', '004'], 'name': ['Alice', 'Bob', 'Charlie', 'David'], 'age': [25, 30, 22, 27], }) # 表格 B df_b = pd.DataFrame({ 'id': ['001', '002', '005', '006'], 'grade': [80, 90, 85, 95], }) ``` 表格 A 的结构为： ``` id name age 0 001 Alice 25 1 002 Bob 30 2 003 Charlie 22 3 004 David 27 ``` 表格 B 的结构为： ``` id grade 0 001 80 1 002 90 2 005 85 3 006 95 ``` 接下来可以使用 Pandas 的 `merge` 方法将表格 A 和表格 B 按照 id 列进行合并，代码如下： ```python # 按照 id 列进行合并 df_merged = pd.merge(df_a, df_b, on='id', how='outer') # 输出合并后的表格 print(df_merged) ``` 其中 `on='id'` 表示按照 id 列进行合并，`how='outer'` 表示采用外连接方式合并，将不同的 id 值进行合并，如果某个 id 在 A 表格中出现而在 B 表格中没有出现，则该 id 在 B 表格中对应的列填充 NaN。 合并后的表格结构如下： ``` id name age grade 0 001 Alice 25.0 80.0 1 002 Bob 30.0 90.0 2 003 Charlie 22.0 NaN 3 004 David 27.0 NaN 4 005 NaN NaN 85.0 5 006 NaN NaN 95.0 ``` 其中，第一列为 id，第二列为 name，第三列为 age，第四列为 grade。可以看到，合并后的表格中包含了两个表格所有的列，其中 A 表格中的 id 为 003 和 004 的行与 B 表格中的所有行没有匹配，因此在合并后的表格中这些行的 name、age 和 grade 列均填充为 NaN。 B 表格中的 id 为 005 和 006 的行也没有在 A 表格中出现，因此在合并后的表格中这些行的 name 和 age 列均填充为 NaN。 以上就是 Python 中合并表格的方法。需要注意的是，合并表格时，需要保证合并的列具有相同的数据类型，并且在合并前最好进行数据清洗和预处理，以避免出现错误。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值