HTML表格 | 易学教程

<table>标签

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

表格和边框属性

如果不定义边框，表格就不显示边框。边框由<table border="1">决定，数字不同，边框的粗细不同。

表格的表头

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

表格中的空单元格

在一些浏览器中，没有内容的表格单元显示的不太好，如果某个单元格是空的（没有内容），浏览器就无法显示这个单元格的边框。为了避免这个情况，在空单元格中添加一个空格占位符，就可以把边框显示出来。no-breaking空格

横跨两列的单元格

姓名	电话
Bill Gates	555 55 854	555 55 854

cellpadding设置单元格边距：cellpadding="20"

cellspacing增加单元格的间距：cellspacing=“10”

给表格添加背景颜色：<table border="1" bgcolor="red">

给表格添加背景图像：background=""

也可以单个单元格添加背景颜色和背景图像<td bgcolor="red">Hello</td>

在表格单元中排列内容<td align="left">Hello</td>向左排列

元素"align"、"bgcolor"是不赞成使用的，应使用样式代替。

<:&lt

>:&gt

属性	值	描述
align	left center right	不赞成使用。请用样式代替。规定表格相对周围元素的对齐方式。
bgcolor	rgb（x,x,x) #xxxxxx colorname	不赞成使用。请用样式代替。规定表格的背景颜色。
border	pixes	规定表格边框的宽度。
cellpadding	pixes %	规定表格边沿与其内容之间的空白。
cellspacing	pixes %	规定单元格之间的空白。
frame	void above below hsides lhs rhs vsides box border	规定侧边框的哪个部分是可见的。
rules	none groups rows cols all	规定内侧边框的哪个部分是可见的。
summary	text	规定表格的摘要。
width	% pixes	规定表格的宽度。

来源：https://www.cnblogs.com/chhom/p/4917871.html

标签