HTML5表格基础语法

学习目标：
1.表格的基本格式
2.<table>标签下的常用属性
3.<table>标签下的边框设置
4.<tr><th><td>标签下的常用属性
5.拆分与合并单元格
6.表格的结构化、直列化、标题
7.表格的嵌套
在网页中表格是一种经常使用到得设计结构，就像表格的内容中可以包含任何的数据，
如文字、图像、表单、超链接、表格等等，所有在HTML中可以使用的数据，都可以被设
置在表格中，所以有关表格设置的标记与属性页特别多。

操作方法

  • 01

    表格的基本格式 格式: <table> <tr>… <th>…</th> <th>…</th> <th>…</th> </tr> <tr> <td>…</td> <td>…</td> <td>…</td> </tr> </table>

  • 02

    能: <table>…</table>用来声明表格开始与结束. <tr>…</tr>用来设置表格的行. <th>…</th>用来设置标题栏位. <td>…</td>用来设置数据栏位.

  • 03

    <table>标签下的属性

  • 04

    <table> 标签下的边框设置

  • 05

    1.4 <tr><th><td>标签下的常用属性

  • 06

    拆分与合并单元格

  • 07

    表格的结构化、直列化、标题 (1).结构化格式： <table> <thead>……</thead>    --------表头区 <tbody>……</tbody>    --------表体区 ……………………… <tfoot>……</tfoot>    --------表尾区 </table>

  • 08

    (2).直列化格式：<colgroup>….</colgroup>

  • 09

    个别直列设置 格式:<col>功能完全和<colgroup>一样. (3).表格的标题： <table> <caption>….</caption> </table> <caption>下的属性值有:

赞 (0)

相关推荐

  • windows bat(批处理):基础语法

    windows bat(批处理)--基础语法 1. @ 行首有了它的话，这一行的命令就不显示了。 2. echo 2.1 echo [{on|off}] [message] 输出，回显。 2.2 on ...

  • HTML5新手基础教程

    HTML5教程 什么是HTML5? 在这里我不说一些特别难懂的语言,我这里简单的解释一下,如果你学过HTML,那么就是HTML4,HTML5是针对现有的版本进行了一些丰富,把一些原先常用的标签进行了统 ...

  • wps表格基础之自动提取身份证的生日

    作为管理信息的人员,经常会遇到需要录入身份证的同时录入对方的出生日期.这是一个非常简单却非常繁琐和枯燥的事情,那么我们又没有办法简化这个工作呢?当然有,下面就跟随小编一起来学习一下吧. 操作方法 01 ...

  • WPS表格基础入门教程

    操作方法 01 [wps新建表格快捷键] 打开wps表格以后,点击左上角的WPS表格后面的倒三角.弹出下拉菜单,选择菜单中的第一项[文件]字样的按钮,继续在菜单中选择第一项[新建]字样的按钮,一个新建 ...

  • Swift基础语法

    Swift 是 iOS 和 OS X 应用开发的一门新语言.然而,如果你有 C 或者 Objective-C 开发经验的话,你会发现 Swift 的很多内容都是你熟悉的. 操作方法 01 Swift ...

  • WPS表格基础教程-统计函数

    WPS表格基础教程-统计函数

  • WPS表格基础教程-设置打印表头

    WPS是我们常用的办公室软件之一,也是我们生活中打印文件时常用的软件之一,在我们使用WPS的时候,我们常需要设置我们的文件把我们的表格表头也打印出来,接下来小编和你详细介绍下. 操作方法 01 首先的 ...

  • MarkDown高级语法：表格、流程图等如何制作

    Markdown的介绍和基本操作可参见<Markdown基础语法详细图解>:本篇分享一下使用Markdown如何制作列表.表格和各种流程图. 制作标签.列表和表格 01 制作具有个性化的标 ...

  • 腾讯文档中怎么在原有表格的基础上创建新的表格

    腾讯文档中怎么在原有表格的基础上创建新的表格

    在使用腾讯文档处理表格文件的时候,如果想要在原有的表格基础上,添加新的表格的话,应如何操作呢?接下来就由小编来告诉大家.具体如下:1. 第一步,打开一个腾讯文档,然后点击表格所在的位置,如下图所示.2 ...