HTML相关知识点总结

Posted 2020-09-20

1.表格<table>常用属性

cellspacing：两个单元格之间的距离

注：属性值为数字,效果图如下（左边cellspacing="0",右边cellspacing="2"）.

 

cellpadding：单元格内文字与边框的距离

注：属性值为数字，效果图如下（左边cellpadding="0",右边cellpadding="5"）

 

style="border-collapse:collapse|separate"

separate : 默认值，边框独立（标准html）
collapse : 相邻边被合并，border 属性指定的边框线变淡

注：<table width="200" border="1" cellspacing="3" cellpadding="2" style="border-collapse:collapse">

注：<table width="200" border="1" cellspacing="3" cellpadding="2" style="border-collapse: separate">

注：<table width="200" border="1" cellspacing="0" cellpadding="2" style="border-collapse: separate">

 

2.<th>属性

注：定义表格内的表头单元格，此th元素内部的文本通常会呈现为粗体。

colspan：规定单元格可横跨的列数

注：属性值为数字，此时colspan="2".