HTML的表格标签(重点)

1.基本表格

table 标签是表格标签
border=“1px” 设置表格的边框为1像素宽度,不设置则没有边框。
width 设置表格宽度,百分比是表格与屏幕的比例,屏幕怎么变化,表格占该屏的百分比始终不变
height 设置表格高度
align 设置表格相对于页面的对齐方式
cellspacing 设置单元格间距
tr 是行标签
th 是表头标签,比td多的是表头标签自动居中、加粗
td 是单元格标签
align 设置单元格文本对齐方式
b 是加粗标签,加粗标签加在单元格标签里头是无效的

HTML的表格标签(重点)_第1张图片
HTML的表格标签(重点)_第2张图片
HTML的表格标签(重点)_第3张图片

2.单元格合并

注意事项:
1、row合并的时候,删除“下面的”单元格
2、col合并的时候,对删除哪个没有要求。
colspan 属性设置跨列
rowspan 属性设置跨行
HTML的表格标签(重点)_第4张图片
HTML的表格标签(重点)_第5张图片

3.thead tbody tfoot

<html>
	<head>
		
		<meta charset="gbk">
		<title>006-HTML的表格-thead tbody tfoottitle>
	head>

thead tbody tfoot 在table中不是必须的,只是这样做便于后期的JS代码的编写。
体与脚的单元格不能合并在一起
HTML的表格标签(重点)_第6张图片
出错,红线处并未合并到一起
在这里插入图片描述
HTML的表格标签(重点)_第7张图片
HTML的表格标签(重点)_第8张图片

你可能感兴趣的:(D_JavaWeb阶段,#,D1_HTML与CSS,html)