表格：表头<caption>,行<tr>,列<td>,标题<th>

属性：cellpadding="10" cellspacing="10":单元格间距，单元格边距|

bgcolor="#8a2be2"【背景颜色】，background="images/html.jpg"【背景图片】

<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title>表格</title>

</head>

<body>

    <p>表格</p>

    <table border="1">

        <caption>重要表格</caption>

        <!-- <caption>重要表格</caption>：表头-->

        <tr>

            <th>单元</th>

            <th>单元</th>

            <th>单元</th>

        </tr>

        <tr>

            <td>单元格1</td>

            <td>单元格2</td>

            <td>单元格3</td>

        </tr>

        <tr>

            <td>单元格1</td>

            <td>单元格2</td>

            <td>

                <ul>

                    <li>苹果</li>

                    <li>苹果</li>

                    <li>苹果</li>

                </ul>

            </td>

        </tr>

    </table>

    <br/>

    <table border="1" cellpadding="10" cellspacing="10" bgcolor="#8a2be2">

        <!--  cellpadding="10" cellspacing="10":单元格间距，单元格边距-->

        <tr>

        <td>单元格1</td>

        <td>单元格2</td>

        <td>单元格3</td>

        </tr>

        <tr>

            <td>单元格4</td>

            <td>单元格4</td>

            <td>单元格6</td>

        </tr>

    </table>

    <!-- bgcolor="#8a2be2"【背景颜色】，background="images/html.jpg"【背景图片】-->

    <br/>

    <table border="1" cellpadding="10" cellspacing="10" background="images/html.jpg">

        <!--  cellpadding="10" cellspacing="10":单元格间距，单元格边距-->

        <tr>

            <td>单元格1</td>

            <td>单元格2</td>

            <td>单元格3</td>

        </tr>

        <tr>

            <td>单元格4</td>

            <td>单元格4</td>

            <td>单元格6</td>

        </tr>

    </table>

</body>

</html>

HTML5-表格的更多相关文章

  1. 扩展HT for Web之HTML5表格组件的Renderer和Editor

    在HT for Web提供了一下几种常用的Editor,分别是: slider:拉条 color picker:颜色选择器 enum:枚举类型 boolean:真假编辑器 string:普通的文本编辑 ...

  2. HTML5表格详细教程

    HTML5表格 文章目录 HTML5表格 5.1 定义表格 5.1.1 普通表格.列标题 5.1.2 表格标题 5.1.3 表格行分组.表格列分组 5.2 表格属性 5.2.1 单线表格.分离单元格 ...

  3. html5 表格标签 table tr td

      最重要的三个 <table>     表格声明标签 属性: boarder    边框粗细 style    可配合css 使用 <tr>    行标签 table row ...

  4. HTML5表格（table）篇

    初学HTML接触table少不了,但是实际应用的地方也有. 简单说明HTML <table> 标签 定义和用法 <table> 标签定义 HTML 表格. 简单的 HTML 表 ...

  5. HTML5样式、链接和表格

    -------------------siwuxie095 HTML5 样式 1.标签 <style> 标签:样式定义 <link> 标签:资源引用 2.属性 rel:用于指定 ...

  6. 网站开发中很实用的 HTML5 & jQuery 插件

    这篇文章挑选了15款在网站开发中很实用的 HTML5 & jQuery 插件,如果你正在寻找能优化网站,使其更具创造力和视觉冲击,那么本文正是你需要的.这些优秀的 jQuery 插件能为你的网 ...

  7. 使用 HTML5 设计辅助功能

    使用 HTML5 设计辅助功能 Rajesh Lal 下载代码示例 如果您真的对面向广大受众感兴趣,将需要为网站设计辅助功能. 辅助功能使网页更易于访问.更易于使用,可供每个人浏览. 通常,使用最新的 ...

  8. HTML5+CSS3+jQuery Mobile轻松构造APP与移动网站 (陈婉凌) 中文pdf扫描版

    <HTML5+CSS3+jQuery Mobile轻松构造APP与移动网站>以HTML与CSS为主,配合jQuery制作网页,并搭配jQueryMobile制作移动网页,通过具体的范例从基 ...

  9. Web前端开发高手进阶

     Web前端开发高手进阶 js框架+Ajax技术01.初识javascript及其语言基础(一)02.初识javascript及其语言基础(二)03.初识javascript及其语言基础(三)及js原 ...

  10. IE、FF、Safari、OP不同浏览器兼容报告

    IE.FF.Safari.OP不同浏览器兼容报告 1         浏览器内核简介 Trident IE浏览器(GreenBrowser绿色浏览器, 遨游浏览器....都是IE) Geckos Fi ...

随机推荐

  1. 使用OPENROWSET、Microsoft.ACE.OLEDB实现大数据量的高效导入

    首先说明使用的环境是:java和Sqlserver. 最近公司需要进行大数据量的导入操作.原来使用的是Apache POI,虽然可以实现功能,但是因为逻辑处理中需要进行许多校验,处理速度太慢,使用多线 ...

  2. ASP.NET5 Beta8可用性

    ASP.NET5 beta8现已上都的NuGet作为一个工具升级到Visual Studio2015!此版本极大地扩展.NET核心对OS X和Linux所支持的范围.您现在可以使用网络,加密和全球化特 ...

  3. Java浮点数float，bigdecimal和double精确计算的精度误差问题总结

    (转)Java浮点数float,bigdecimal和double精确计算的精度误差问题总结 1.float整数计算误差 案例:会员积分字段采用float类型,导致计算会员积分时,7位整数的数据计算结 ...

  4. ajax跨域往php程序post数据时，php程序总是执行两次的解决方法

    php程序是部署在IIS7上面,ajax提交数据时,遇到了两个问题,一个就是跨域,一个php程序总会被执行两次. 第一个问题的解决方法,是百度出来的,添加下面几行代码就可以了: header('Acc ...

  5. linux备忘

    一.数字计算 echo $[3600*24] --只能计算整数echo $((3600*4)) --只能计算整数 expr 3600 \* 24        --注意空格,*要加\,只能计算整数ec ...

  6. js获取单选按钮的值

    function a(){ var v=document.getElementsByName("radio"); ;i<v.length;i++){ if(v[i].chec ...

  7. rspec中的shared_examples与shared_context有什么不同

    What is the real difference between shared_examples and shared_context ? My observations : I can tes ...

  8. 安装Openfile环境和组件XMPP

    打开ProFTPD和Apache Web Server 安装Openfile 在系统偏好设置中打开Openfile,开启Openfile状态 在safair浏览器中输入127.0.0.1:9090 配 ...

  9. SQLiteHelper

    /** * 实现对表的创建.更新.变更列名操作 * * */ public class SQLiteHelper extends SQLiteOpenHelper { public static fi ...

  10. python中的enumerate

    读取一个iter,返回［index,内容］的一个list