HTML 表格

HTML 表格

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

下面是一个例子:

   Table in html 

水平表头

Name Age Gender
zdd 30 male

垂直表头

Name autumn
Age 30
Gender famale

尝试一下

无边框表格

如果在定义表格时,没有指定border属性,那么表格就没有边框




zdd30
ddz27


空单元格

如果没有为单元格指定内容,那么单元格将是空的,且没有边框

如果解决呢?方法是给空的单元格加上空格,由于html忽略多余的空格,所以我们不能直接加空格,而要加 nbsp表示non-breaking space。



20
zdd30


带标题的表格

使用caption属性,但是好像标题中不能有空格,否则显示的时候会换行!太扯了吧?





我的表格
zdd30
20

跨行或者跨列表格

用colspan跨行




姓名电话
Bill Gates555 77 854555 77 855

用rowspan跨列





姓名Bill Gates
电话555 77 854
555 77 855

HTML 表格表头

表格的表头使用

标签进行定义。

大多数浏览器会把表头显示为粗体居中的文本:














Header 1Header 2
row 1, cell 1row 1, cell 2
row 2, cell 1row 2, cell 2


继续学习
||
php.cn

背景颜色:

First Row
Second Tom
提交 重置代码
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!