Day05 表格

表格

<table width="300" border="1" cellspacing="0">

    <caption>表格标题</caption>

    <thead>

        <tr>

            <th>姓名</th>

            <th>性别</th>

            <th>语文</th>

        </tr>

    </thead>

    <tbody>

        <tr>

            <td>欧阳</td>

            <td>男</td>

            <td>30</td>

        </tr>

        <tr>

            <td>戴璐</td>

            <td>女</td>

            <td>10</td>

        </tr>

    </tbody>

</table>

单元格合并

案例

<table width="500px" height="100" border="1" cellspacing="0">

        <tbody>

            <!-- 第一行 -->

            <tr>

                <td></td>

                <td></td>

                <td></td>

                <td rowspan="2"></td>

            </tr>

            <!-- 第二行 -->

            <tr>

                <td></td>

                <td></td>

                <td></td>

                <!-- <td></td> -->

            </tr>

            <!-- 第三行 -->

            <tr>

                <td></td>

                <td></td>

                <td></td>

                <td></td>

            </tr>

            <!-- 第四行 -->

            <tr>

                <td></td>

                <td></td>

                <td></td>

                <td></td>

            </tr>

            <!-- 第五行 -->

            <tr>

                <td></td>

                <td></td>

                <td></td>

                <td></td>

            </tr>

        </tbody>

    </table>

练习

<table width="500" height="400" border="1" cellspacing="0" align="center">

        <!-- 1 -->

        <tr>

            <td></td>

            <td colspan="4"></td>

            <!-- <td></td>

            <td></td>

            <td></td> -->

        </tr>

        <!-- 2 -->

        <tr>

            <td></td>

            <td></td>

            <td></td>

            <td></td>

            <td></td>

        </tr>

        <!-- 3 -->

        <tr>

            <td></td>

            <td></td>

            <td></td>

            <td></td>

            <td></td>

        </tr>

        <!-- 4 -->

        <tr>

            <td rowspan="2"></td>

            <td></td>

            <td></td>

            <td></td>

            <td></td>

        </tr>

        <!-- 5 -->

        <tr>

            <!-- <td></td> -->

            <td colspan="2"></td>

            <!-- <td></td> -->

            <td></td>

            <td></td>

        </tr>

        <!-- 6 -->

        <tr>

            <td rowspan="4"></td>

            <td></td>

            <td></td>

            <td></td>

            <td></td>

        </tr>

        <!-- 7 -->

        <tr>

            <!-- <td></td> -->

            <td></td>

            <td></td>

            <td></td>

            <td></td>

        </tr>

        <!-- 8 -->

        <tr>

            <!-- <td></td> -->

            <td></td>

            <td></td>

            <td></td>

            <td></td>

        </tr>

        <!-- 9 -->

        <tr>

            <!-- <td></td> -->

            <td></td>

            <td></td>

            <td></td>

            <td></td>

        </tr>

        <!-- 10 -->

        <tr>

            <td></td>

            <td colspan="4"></td>

            <!-- <td></td>

            <td></td>

            <td></td> -->

        </tr>

    </table>

Day05 表格的更多相关文章

Day05 xml详解
day05总结今日内容 XML语法 XML约束之DTD XML解析器介绍 XML解析之JAXP( DOM.SAX ) DOM4J Schema 一.XML语法 XML概述 1 什么是XML ...
ASP.NET Aries 入门开发教程6：列表数据表格的格式化处理及行内编辑
前言: 为了赶进度,周末也写文了! 前几篇讲完查询框和工具栏,这节讲表格数据相关的操作. 先看一下列表: 接下来我们有很多事情可以做. 1:格式化 - 键值的翻译对于“启用”列,已经配置了格式化 # ...
03.LoT.UI 前后台通用框架分解系列之——多样的表格
LOT.UI分解系列汇总:http://www.cnblogs.com/dunitian/p/4822808.html#lotui LoT.UI开源地址如下:https://github.com/du ...
jQuery学习之路（6）- 简单的表格应用
▓▓▓▓▓▓ 大致介绍在CSS技术之前,网页的布局基本都是依靠表格制作,当有了CSS之后,表格就被很多设计师所抛弃,但是表格也有他的用武之地,比如数据列表,下面以表格中常见的几个应用来加深对jQue ...
在Asp.Net中操作PDF – iTextSharp - 使用表格
使用Asp.Net生成PDF最常用的元素应该是表格,表格可以帮助比如订单或者发票类型的文档更加格式化和美观.本篇文章并不会深入探讨表格,仅仅是提供一个使用iTextSharp生成表格的方法介绍使用i ...
DOM的小练习，两个表格之间数据的移动
本次讲的是两个表格之间数据的移动,左边的表格移动到右边,并且左边表格移动内容消失. <head> <meta http-equiv="Content-Type" ...
JQuery实现表格的增加行和删除行
利用JQuery实现datatables插件的增加和删除行操作在学习过程中遇到了这个利用JQuery对表格行的增加和删除,特记录下来以供初学者参考. 下面是主要的代码: <meta http- ...
jquery-treegrid树状表格的使用（.Net平台）
上一篇介绍了DataTable,这一篇在DT的基础之上再使用jquery的一款插件:treegrid,官网地址:http://maxazan.github.io/jquery-treegrid/ 一. ...
Python处理Excel表格
同事小王今天说他有一个Excel表格,表格如下,一列是姓名,一列是电话号码,总共有大概2000行数据. 有的姓名占了一行,有的占了两行,还有一些占了三行的.如下图: 他问我可不可以全部统一成一行,而且 ...

随机推荐

Python爬虫__微博某个话题的内容数据
1 # -*- coding: utf-8 -*- 2 # @Time : 2020/8/18 15:39 3 # @Author : Chunfang 4 # @Email : 3470959534 ...
Es5 - 11 详解
一.ES简介 ECMAScript,欧洲计算机制造商协会 ES是一种标准,而JS是ES的一种实现每年的ES版本中都会引入新特性二.NRM的安装与使用 NRM是切换源的工具 ES6 2.1安装 wi ...
【译】defer-panic-and-recover
Go 有通用的控制流程:if,for,switch,goto.它也有go语句用于让代码运行在单独的协程.这里我将讨论一些不常见的问题:defer,panic 和 recover. defer语句将函数 ...
elasticSearch 7.6.1 入门及elasticSearch整合springboot
一.ElasticSearch概述官网:https://www.elastic.co/cn/downloads/elasticsearch Elaticsearch,简称为es,es是一个开源的高扩 ...
Elasticserach学习笔记(一)
1.什么是Elasticserach? 一个由Java语言开发的全文搜索引擎,全文检索就是根据用户输入查询字符的片段,能查询出包含片段的数据,简单来说就是一个分布式的搜索与分析引擎,它可以完成分布式部 ...
Json序列化与反序列化导致多线程运行速度和单线程运行速度一致问题
紧跟上篇文章十个进程开启十个bash后一致写入命令执行完毕之后产生了很多很多的文件,博主需要对这些文件同意处理,也就是说对几十万个文件进行处理,想了又想,单线程处理那么多数据肯定不行,于是乎想到了使 ...
一窥 AJAX
一窥 AJAX 本文写于 2020 年 6 月 7 日 AJAX 这个词非常常见,如果使初学者,说不定还会非常害怕这个名字看起来非常高端.非常难的技术. AJAX,全称 Async JavaScrip ...
个人冲刺（一）——体温上报app（一阶段）
任务:完成了体温上报app的整体页面布局 activity_main.xml <?xml version="1.0" encoding="utf-8"?& ...
一文讲透为Power Automate for Desktop (PAD) 实现自定义模块 - 附完整代码
概述 Power Automate for Desktop (以下简称PAD)是微软推出的一款针对Windows桌面端的免费RPA(机器人流程自动化)工具,它目前默认会随着Windows 11安装,但 ...
源码解读etcd heartbeat,election timeout之间的拉锯
转一个我在知乎上回答的有关raft election timeout/ heartbeat interval 的回答吧. 答:准确来讲: election是timeout,而heartbeat 是in ...

Day05 表格

表格

单元格合并

案例

练习

Day05 表格的更多相关文章

随机推荐

热门专题