表格

<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. C++ 类成员指针

    C++的类成员指针是一种奇葩的指针. 假设现在我们要表示一个三维的点,现在有两种定义方式: struct point1{ int x, y, z; }; struct point2{ int c[3] ...

  2. Java中时间类中的Data类与Time类

    小简博客 - 小简的技术栈,专注Java及其他计算机技术.互联网技术教程 (ideaopen.cn) Data类 Data类中常用方法 boolean after(Date date) 若当调用此方法 ...

  3. Python工程打包

    Python项目打包 我是自己写了一个项目,然后需要打包成问一个exe文件,这样直接打开这个文件就可以运行,而不需要在pycharm中打开相应文件才能运行,也可以将打包好的文件发给其他人,不需要pyc ...

  4. 1.8 常见Linux发行版本有哪些？

    新手往往会被 Linux 众多的发行版本搞得一头雾水,我们首先来解释一下这个问题. 从技术上来说,李纳斯•托瓦兹开发的 Linux 只是一个内核.内核指的是一个提供设备驱动.文件系统.进程管理.网络通 ...

  5. Microsoft Graph 的 .NET 6 之旅

    这是一篇发布在dotnet 团队博客上由微软Graph首席软件工程师 Joao Paiva写的文章,原文地址: https://devblogs.microsoft.com/dotnet/micros ...

  6. 【原创】记一次对X呼APP的渗透测试

    获取CMS并本地安装 X呼是一款开源的客服CMS系统,访问官网,下载安卓版本的app和源码本地搭建: 发现这cms预留admin表中的用户就不少.... 直接用预留的密码解密,然后就能登录手机APP了 ...

  7. 小程序扫码、上传图片、css时间轴

    de <!-- 导航 --> <view class="navSec flexBox"> <text class="navItem {{ s ...

  8. go 语言开发2 简易数据库和web代码示例

    数据库开发示例 package dao import ( "github.com/go-xorm/xorm" "fmt" ) type UserInfo str ...

  9. 渗透：Nmap

    Nmap,也就是Network Mapper,最早是Linux下的网络扫描和嗅探工具包. nmap是一个网络连接端扫描软件,用来扫描网上电脑开放的网络连接端.确定哪些服务运行在哪些连接端,并且推断计算 ...

  10. 性能测试：tcpcopy

    简介 TCPCopy是一种请求复制(所有基于tcp的packets)工具,可以把在线流量导入到测试系统中去. 曾经应用于网易的广告投放系统,urs系统,nginx hmux协议等系统,避免了上线带来的 ...