表格

<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 表格的更多相关文章

  1. Day05 xml详解

    day05总结 今日内容 XML语法 XML约束之DTD XML解析器介绍 XML解析之JAXP( DOM.SAX ) DOM4J Schema   一.XML语法 XML概述   1 什么是XML ...

  2. ASP.NET Aries 入门开发教程6：列表数据表格的格式化处理及行内编辑

    前言: 为了赶进度,周末也写文了! 前几篇讲完查询框和工具栏,这节讲表格数据相关的操作. 先看一下列表: 接下来我们有很多事情可以做. 1:格式化 - 键值的翻译 对于“启用”列,已经配置了格式化 # ...

  3. 03.LoT.UI 前后台通用框架分解系列之——多样的表格

    LOT.UI分解系列汇总:http://www.cnblogs.com/dunitian/p/4822808.html#lotui LoT.UI开源地址如下:https://github.com/du ...

  4. jQuery学习之路（6）- 简单的表格应用

    ▓▓▓▓▓▓ 大致介绍 在CSS技术之前,网页的布局基本都是依靠表格制作,当有了CSS之后,表格就被很多设计师所抛弃,但是表格也有他的用武之地,比如数据列表,下面以表格中常见的几个应用来加深对jQue ...

  5. 在Asp.Net中操作PDF – iTextSharp - 使用表格

    使用Asp.Net生成PDF最常用的元素应该是表格,表格可以帮助比如订单或者发票类型的文档更加格式化和美观.本篇文章并不会深入探讨表格,仅仅是提供一个使用iTextSharp生成表格的方法介绍 使用i ...

  6. DOM的小练习，两个表格之间数据的移动

    本次讲的是两个表格之间数据的移动,左边的表格移动到右边,并且左边表格移动内容消失. <head>   <meta http-equiv="Content-Type" ...

  7. JQuery实现表格的增加行和删除行

    利用JQuery实现datatables插件的增加和删除行操作 在学习过程中遇到了这个利用JQuery对表格行的增加和删除,特记录下来以供初学者参考. 下面是主要的代码: <meta http- ...

  8. jquery-treegrid树状表格的使用（.Net平台）

    上一篇介绍了DataTable,这一篇在DT的基础之上再使用jquery的一款插件:treegrid,官网地址:http://maxazan.github.io/jquery-treegrid/ 一. ...

  9. Python处理Excel表格

    同事小王今天说他有一个Excel表格,表格如下,一列是姓名,一列是电话号码,总共有大概2000行数据. 有的姓名占了一行,有的占了两行,还有一些占了三行的.如下图: 他问我可不可以全部统一成一行,而且 ...

随机推荐

  1. python学习-Day32

    目录 今日内容详细 软件开发架构 概念 软件开发架构的分类 C/S架构 B/S架构 两种架构的优缺点 C/S架构: B/S架构: tip 网络编程 概念 互联网 互联网协议 OSI七层协议简介 专业设 ...

  2. PTA刷题笔记

    PTA刷题记录 仓库地址: https://github.com/Haorical/Code/tree/master/PTA/GPLT 两周之内刷完GPLT L2和L3的题,持续更新,包括AK代码,坑 ...

  3. 『现学现忘』Git基础 — 19、Git中忽略文件

    目录 1.忽略文件说明 2.忽略文件的原则 3..gitignore忽略规则 1.忽略文件说明 有些时候,你必须把某些文件放到Git工作目录中,但又不能提交它们到本地版本库,通常都是些自动生成的文件. ...

  4. Idea分享项目到全球最大同x交友网站gayhub居然失败了！我居然没有权限！来看看解决方法吧

    Idea分享项目到全球最大同x交友网站gayhub居然失败了! 事情是这样的,刚写完一个动态网页就想着部署到github上让大家看看(装逼),然而在我share project时,它告诉我: 大概意思 ...

  5. 干货｜给小白的 Nginx 10分钟入门指南

    一个执着于技术的公众号 前言 今天主要对Nginx Web服务软件进行介绍,作为HTTP服务软件的后起之秀,Nginx与它的老大哥Apache相比有很多改进之处,比如,在性能上,Nginx占用的系统资 ...

  6. 浅析 Linux 中的零拷贝技术

    本文探讨Linux中 主要的几种零拷贝技术 以及零拷贝技术 适用的场景 .为了迅速建立起零拷贝的概念,我们拿一个常用的场景进行引入: 引文 在写一个服务端程序时(Web Server或者文件服务器), ...

  7. Java学习笔记-基础语法Ⅱ

    成员变量:类中方法外的变量 局部变量:方法中的变量 注意,成员变量有默认初始值,而局部变量需要赋初始值 Java中虽然没有明确规定类必须首字母大写,但为了规范最好大写(因为自己刚刚写的时候就没看清写错 ...

  8. Linux下使用ssh测试端口是否开启

    当服务器上不允许使用telnet时,可以使用ssh测试远程服务器端口是否开启 具体命令如下 -v 显示连接debug信息 -p port 指定端口 ssh -v -p 80 root@192.168. ...

  9. kvm 虚拟化技术 1.2之kvm基础操作

    1.虚拟机基础操作 (1).查看.编辑.备份kvm配置文件以及查看kvm状态 [root@hd1 ~]# cd /etc/libvirt/qemu [root@hd1 qemu]# ls centos ...

  10. 2021夏季学期华清大学EE数算OJ1：算数问题

    第一次写博客,有点紧张... 也许格式也没有特别丑吧 先看原题( 此题做法众多,这里仅仅介绍蒟蒻的一种很复杂的思路(但最后还是喜提0ms的好成绩) 读完这道题,不难发现,此题不过是一个质因数分解+一堆 ...