HTML表格





    
    HTML表格


     

每一个表格从一个 table标签开始
每一个表格行从 tr 标签开始
每一个表格的数据从 td 标签开始

一列

100

一行三列

100 200 300

两行三列

100 200 300
10 20 30

两行两列

row1 cell1 row1 cell2
row2 cell1 row2 cell2

带表头的表格

Header1 Header2
row1 cell1 row2 cell2
row2 cell1 row2 cell2
row3 cell1 row3 cell2

Header1 row1 cell1 row1 cell2
Header2 row2 cell1 row2 cell2

没有边框的表格

100 200 300
10 20 30

带表头的表格

水平表头

Name Tel1 Tel2
Joe 15071290124 15711275623

垂直表头

Name Joe
Tel1 15071290124
Tel2 15711275623

带标题的表格

每个月份存钱数
Month Savings
January $50
February $80

跨行或跨列的表格单元格

单元格跨两列

Name Tel
Joe 15071290124 15711275623

单元格跨两行

Name Joe
Tel 15071290124
15711275623

表格内的标签

这是一个段落

这是另一个段落

这个单元格包含另一个表格
A B
C D
这个单元格包含一个列表
  • apples
  • bananas
  • pineapples
HELLO

单元格边距 Cell padding

没有单元格边距

First Row
Second Row

有单元格边距

First Row
Second Row

单元格间距

没有单元格间距

First Row
Second Row

单元格间距为0

First Row
Second Row

单元格间距为20

First Row
Second Row

1、HTML 表格

表格由

标签来定义。每个表格均有若干行(由 标签定义),每行被分割为若干单元格(由
标签定义)。
字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

2、HTML 表格和边框属性 border

如果不定义边框属性,表格将不显示边框。有时这很有用,但是大多数时候,我们希望显示边框。
使用边框属性来显示一个带有边框的表格:

3、HTML 表格表头

表格的表头使用

标签进行定义。
大多数浏览器会把表头显示为粗体居中的文本:

4、HTML 表格标签

标签 描述

定义表格
定义表格的行
定义表格列的组
定义用于表格列的属性
定义表格的页眉
定义表格的主体
定义表格的页脚

你可能感兴趣的:(HTML表格)

定义表格的表头
定义表格单元
定义表格标题