表格属性
表格标题caption
一个表格只能有一个标题
在上述代码的<table></table>
间添加<caption>动物世界</caption>
表格宽度与高度
表格宽度为width
,高度为height
语法为<table width="500" height="130">
表格表头对齐方式align
语法为<table align="对齐方式">
在对齐方式中填入相应的属性值:
left:左对齐
center:居中
right:右对齐
表格边框宽度border
border值不设置时或设置为0时,显示为无边框
语法为<table border="5">
, 5为边框宽度
表格边框颜色bordercolor
语法为<table bordercolor="#66ccff">
, 各颜色对应的具体编码可从网上查找
表格内框宽度cellspacing
表格内框宽度属性用于设置表格内部每个单元格之间的间距
语法为<table cellspacing="内框宽度值">
表内文字与边框边距cellpadding
在默认情况下,单元格里的内容会紧贴着表格的边框,这样看上去会非常拥挤,可用词语法设置其间距离
语法为<table cellspadding="文字与边框距离值">
表格背景颜色bgcolor
语法为<table bgcolor="7fffaa">
表格背景图像background
语法为<table background="图片链接">
表格表首标记thead
表首样式的开始标记是<thead>
,结束标记是</thead>
。它用于定义表格最上端表首的样式,可以设置背景颜色、文字对齐方式、文字垂直方式等。
表主体标记tbody
表主体标记与表首标记功能类似,表主体样式用于统一设计表主体部分的样式,标记为<tbody>
表格表尾标记tfoot
<tfoot>
用于定义表尾样式
行属性
表格行属性设置
表格中行属性的设置与表格的属性设置类似,只需要将相关的属性值添加在行标签中即可,如<tr width="5" height="3" align="content" bordercolor="#66ccff" cellspacing="3">
多个参数值用空格隔开
表格行对齐方式
表格中行对齐方式除了上面在表头对齐方式中介绍的水平对齐方式align
,还有垂直对齐方式valign
语法为<tr valign="对齐方式">
可设置的值有三个:top
、middle
、bottom
valign
也可用于单元格属性
单元格属性
单元格大小
语法为<td width="8" height="5">
水平跨度colspan
在设计表格时,有时需要将两个或多个相邻单元格合成一个单元格
语法为<td colspan="跨度的列数">
垂直跨度rowspan
单元格除了可以在水平方向上跨列,还可以在垂直方向上跨行
语法为<td rowspan="跨度的行数">
给出一段实例代码:
动物名称 | 物种 | 生活习性 |
---|
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助。
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!
如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
*如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!**](https://bbs.csdn.net/topics/618191877)
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!