这篇“HTML中table属性有什么用”除了程序员外大部分人都不太理解,今天小编为了让大家更加理解“HTML中table属性有什么用”,给大家总结了以下内容,具有一定借鉴价值,内容详细步骤清晰,细节处理妥当,希望大家通过这篇文章有所收获,下面让我们一起来看看具体内容吧。
html有什么特点
1、简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便,适合初学前端开发者使用。
2、可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。
3、平台无关性:超级文本标记语言能够在广泛的平台上使用,这也是万维网盛行的一个原因。
4、通用性:HTML是网络的通用语言,它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。
什么是表格&表格的作用
什么是表格:由一些 被称之为 单元格的矩形框 按照从左到右从上到下的顺序排列到一起组成的
表格的作用:以一定的结构来显示信息的。
如何使用table表格
定义表格:<table></table>
创建表行:<tr></tr>
创建列(单元格):<td></td>
注意:默认情况下,每行中的列数是统一的。
table表格的特点:
1、独占一行
2、宽度自适应(由内容来决定)
table表格属性:
<table> 属性
-
width: 设置表格宽度
-
height: 设置表格高度
-
align: 设置 表格 在其 父元素中的水平对齐方式,取值:left,center,right
-
border: 边框,边框宽度,以px为单位的数值,px可以省略
-
cellpadding: 单元格内边距
-
单元格边框与内容之间的距离
-
cellspacing: 单元格外边距
-
单元格与单元格之间或者单元格与表格之间的 距离
-
bgcolor: 背景颜色
<tr> 属性
-
1.align: 该行的内容 水平对齐方式
-
2.valign: 该行的内容 垂直对齐方式,取值:top,middle,bottom
-
3.bgcolor 该行的文本颜色
<td> 属性
-
width
-
height
-
align
-
valign
-
bgcolor
-
colspan设置单元格跨列
-
rowspan设置单元格跨行
3、table表格中的其他标记
1.<caption></caption>
作用:为表格定义标题
位置:表格正上方居中显示
<table> <caption>标题</caption> <tr> <td></td> <td></td> </tr> </table>
2.行标题或列标题
列标题:第一行中的每一列,加粗,水平居中的效果显示
行标题:每行里面的第一列, 加粗,水平居中的效果显示
行(列)标题:<th></th>
<th></th>作用 与 <td></td>一模一样
table边框合并:
属性:border-collapse
取值:
1.separate默认值,分离边框模式
2.collapse边框合并模式
table边框边距:
1.作用:设置相邻单元格边框之间的距离(类似于cellspacing)
2.属性:border-spacing
取值:
1.取1个值:表示水平和垂直间距相等
2.取2个值:第一个值表示的 水平间距
第二个值表示的 垂直间距
两个值之间用 空格 隔开
3.要求
border-collapse必须为separate
必须为分离边框模式时有效
隐藏的显示效果:
属性: visibility:collap:se
用在表格元素上,删除一行或一列,不影响表格整个布局