互联网HTML表格总结思维导图
简单介绍HTML表格总结的内容
树图思维导图提供 互联网HTML表格总结思维导图 在线思维导图免费制作，点击“编辑”按钮，可对 互联网HTML表格总结思维导图 进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：6c57ed7d88a95c7b4721deec0a05336f
思维导图大纲
HTML表格总结思维导图模板大纲
作用
之前：页面布局
局部布局(批量显示的数据模块)
原则
能不用表格就不用，除了批量显示
【有规律的网格的形式显示】的数据或内容
table
默认无边框
HTML属性
border="1”边框
width
px
百分比
cellspacing="0"单元格间距(单元格与单元格之间的距离)
cellpadding="0"单元格边距(内容和边框之间距离)
标签
基本结构
table>tr>td
表格完整结构
table>thead tbody tfoot
thead tbody tfoot > tr >th或td
固定嵌套
表格的标题
caption专指表格标题
配合table使用
必须放在table开始标签之后
单元格属性
width宽度
height高度
valign="top"
单元格内容垂直方向的对齐方式
top
middle
bottom
align=""
水平方向的对齐方式
left center right
表格的特性
未固定宽度的表格，由内容撑开
固定宽度，单元格默认平分它的宽度
同一列只识别一个宽度，取最大值
同一列只识别一个高度，取最大值
默认th的内容水平垂直居中，文字加粗
默认td内容垂直居中水平居左
表格跨行跨列合并
rowspan=“行数”跨行合并
colspan=“列数”跨列合并
常用table的css属性
单元格间距
border-spacing:0;
边框合并(折叠)
border-collapse:collapse;
separate分离(拆分)默认值
例
用css实现1像素边框表格
td,th的css属性
vertical-align
单元格内容垂直方向的对齐方式
top/middel/bottom
表格嵌套
固定嵌套
td即最终嵌套内容盒子
相关思维导图模板
树图思维导图提供 慈善组织年度总结颁奖晚会 在线思维导图免费制作，点击“编辑”按钮，可对 慈善组织年度总结颁奖晚会 进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：189d072c8d20765fa500065c119a5d3a
树图思维导图提供 文心一言学习总结 在线思维导图免费制作，点击“编辑”按钮，可对 文心一言学习总结 进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：cee3adc77ca2be302ee19ea4ded95d37
沪公网安备 31011502019485号
上海工商