搬运，内容来自HTML Dog.

简单示例

<!DOCTYPE html>

<html>

    <body>

        <table>

            <tr>

                <td>Row 1, cell 1</td>

                <td>Row 1, cell 2</td>

                <td>Row 1, cell 3</td>

            </tr>

            <tr>

                <td>Row 2, cell 1</td>

                <td>Row 2, cell 2</td>

                <td>Row 2, cell 3</td>

            </tr>

            <tr>

                <td>Row 3, cell 1</td>

                <td>Row 3, cell 2</td>

                <td>Row 3, cell 3</td>

            </tr>

            <tr>

                <td>Row 4, cell 1</td>

                <td>Row 4, cell 2</td>

                <td>Row 4, cell 3</td>

            </tr>

        </table>

    </body>

</html>
The table element defines the table.

The tr element defines a table row.

The td element defines a data cell. These must be enclosed in tr tags, as shown above.

tr=table row=行

td=table date cell=列元素

示例2

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>Basic table</title>

    <style>

        td {

            border: 1px solid #999;

            padding: 0.1em 1em;

        }

    </style>

</head>

<body>

    <table>

        <tr>

            <td>Cats</td>

            <td>Dogs</td>

            <td>Lemurs</td>

        </tr>

        <tr>

            <td>Tiger</td>

            <td>Grey Wolf</td>

            <td>Indri</td>

        </tr>

        <tr>

            <td>Cheetah</td>

            <td>Cape hunting dog</td>

            <td>Sifaka</td>

        </tr>

        <tr>

            <td>Caracal</td>

            <td>Red fox</td>

            <td>Brown lemur</td>

        </tr>

        <tr>

            <td>Wildcat</td>

            <td>Fennec</td>

            <td>Dwarf lemur</td>

        </tr>

    </table>

    <!-- Link back to HTML Dog: -->

    <p><a href="http://www.htmldog.com/examples/"><img src="http://www.htmldog.com/badge1.gif" alt="HTML Dog"></a></p>

</body>

</html>

HTML table元素的更多相关文章

  1. IE 中单元格的 colspan 属性在某些情况下会影响 TABLE 元素的自动布局

    今天在写一个jsp页面时,遇到一个如下的问题:在一个table中写了如下内容,table中定义了4列,在firefox中能正常显示,而在ie8中,显示不正常, 如下如图1:第二,三,四列宽度发生变化, ...

  2. 关于table元素的认识

    表格是网页上最常见的元素,但是,现在对很多刚入行的前端们那是谈table色变.那是为啥?这是表格的框架的简单.明了.在传统的网页中使用没有边框的表格来排版是非常流行.在web标准逐渐深入设计领域以后, ...

  3. HTML&CSS Table元素详细解说

    1.预热 css样式多如牛毛,我不可能一个一个去讲,那样好像背字典一样,我相信你们也不喜欢这样的方式.所以,我会在实战中慢慢和你讲解,然后,你记住一些重要的css属性就可以了.关键是,你要学会去查资料 ...

  4. 【HTML】table元素

    1.最简单的table <table> <tr> <th></th> </tr> <tr> <td></td& ...

  5. Bootstrap table 元素列内容超长自动折行显示方法?

    共需要四步: 1.在table元素的父容器div加上:class="table-responsive" 3.设置表头th的width:<th width="20%& ...

  6. jq 获取table元素，ajax 静态填加数据

    知识点: 1.jq如何操作table->操作html内的元素 2. this 怎么使用 问题: 1.点击 修改 后,自动刷新了.判断取值,提示错误.正确出不来 2.ajax传值操作如何保密 ht ...

  7. JQuery操作Table元素

    使用Jquery操作Table中的tr向上或向下移动,以及全选和反选操作. 点击Table Head中的复选框,全选或反选表格中所有的复选框; 选中复选框,点击Up 按钮, tr上移;点击 Down ...

  8. Jquery table元素操作-创建|数据填充|重置|隐藏行

    1.Jquery创建表格 /** * 创建表格 * @param label 标题 json格式,数据结构见附录1 * @param data 数据 json格式,数据结构见附录1 * @param ...

  9. table元素使用bug

    一.问题的产生 javaWeb课上老师让我们用表单做一个简单的自我介绍,但是在对表单里的单元格进行合并时出现了变形的情况,这里做个记录. 二.实验 让我们先做一个简单的4*4表格 <!DOCTY ...

随机推荐

  1. python升级导致yum命令无法使用的解决

    1.报错信息如下: [root@develop bin]# yum [root@develop local]# yum -y install prce There was a problem impo ...

  2. python dict转json并保存文件

    import json f = open("index.html", "wb") json.dump(response.data, f) f.close() d ...

  3. Java中将时间戳转化为Date类型

    时间戳timestamp,从前端接收到后.他能够是一个long或者包装类Long再或者是个String类型.仅仅需 new Date(时间戳) 就能够直接转化为java.util.Date类型. 转化 ...

  4. Caffe机器学习框架

    Caffe是一个常用的卷积神经网络框架,在视频.图像处理方面应用较多. 官网:http://caffe.berkeleyvision.org/ 演示:http://demo.caffe.berkele ...

  5. 【Unity】基于MVC模式的背包系统 UGUI实现

    前言 本文基于MVC模式,用UGUI初步实现了背包系统. Control层包括了点击和拖拽两种逻辑. 博文首发:http://blog.csdn.net/duzixi 下载地址:https://git ...

  6. jQuery之map（）和get（） map().get().join意思

    jQuery下有个概念叫“类数组”,比如$( " li " ),当取到一个集合的时候,会有数组的一些属性,但是instancseof Array仍然是false.但是var a=$ ...

  7. 构造函数强制使用new

    function Car(model, year, miles) { if (!(this instanceof Car)) { return new Car(model, year, miles); ...

  8. ASP-DateAdd时间增加

    ASP内置函数DateAdd(interval, number, date) 1.interval标识你要加的日期部分,具体参数如下:yyyy → 年m → 月d → 日h → 小时n → 分钟s → ...

  9. JS判断是手机访问还是PC端访问网站

    <script>    if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iOS|iPad|Backerry|WebOS|S ...

  10. if控制器+循环控制器+计数器，控制接口分支

    但是我不想这么做,接口只想写一次,让循环控制器和if控制器去判断接口,执行我想要的分支.这里遇到了一个问题,if控制器通过什么去判断接下来的分支?我引入了一个计数器的概念.起始值为0,每次循环加1,将 ...