HTML表格<TABLE>标签


关键词

HTML表格 TABLE标签

摘要

HTML中使用<TABLE>标签来表示表格,使用<TR>标签表示表格的一行,使用<TD>标签表示一个单元格。

今天我们讲讲HTML中一个非常复杂的标签,那就是表格,即<TABLE>标签。因为这个标签非常复杂,所以洪哥会分几篇来讲解。首先是基本的TABLE,然后会有表头<TH>标签、表格的跨行跨列等。

一、定义

所谓表格,大家肯定都见过,EXCEL全是表格。表格的英文单词为“table”,所以HTML的表格标签为<TABLE>,作用是在网页中插入一个表格。

二、语法

<table>
<tr>
<td>行1,列1</td>
<td>行1,列2</td>
</tr>
<tr>
<td>行2,列1</td>
<td>行2,列2</td>
</tr>
</table>
说明,<table>不单独使用,它通常与tr和td一起使用。
<tr>标签表示开启表格的一行(Row)。
<td>标签表示表格的一个数据单元(Data)。
<tr>标签的数量可多可少,但一个表格至少要包含一个<tr>行。
每一行的<td>单元格的个数必须相同。(后面学了跨行跨列后,情况将会不同。)

三、属性

border,边框厚度,取值范围为数字,单位是像素,默认值为0。<table border="1">表示边框为1px。
align,表格本身的对齐方式,取值有left、right、center等。

四、注意

1、如果一个td中没有数据时,可以使用一个空白符&nbsp;放入到td中,否则浏览器可能无法显示出表格的边框来。

 

要饭二维码

洪哥写文章很苦逼,如果本文对您略有帮助,可以扫描下方二维码支持洪哥!金额随意,先行谢过!大家的支持是我前进的动力!

文章的版权

本文属于“洪哥笔记”原创文章,转载请注明来源地址:HTML表格<TABLE>标签:http://www.splaybow.com/post/html-table-tr-td.html

如果您在服务器运维、网络管理、网站或系统开发过程有需要提供收费服务,请加QQ:8771947!十年运维经验,帮您省钱、让您放心!
亲,如果有需要,先存起来,方便以后再看啊!加入收藏夹的话,按Ctrl+D

« HTML定义列表<DL>标签 HTML表格中单元格跨行跨列 »