HTML案例-3.表格练习
效果
(图片来源网络,侵删)
知识点
表格
语法
第一行第一列的内容 | 第一行第二列的内容 | 第一行第三列的内容 | ...
第二行第一列的内容 | 第二行第二列的内容 | 第二行第三列的内容 | ...
:表格
:行 :列(单元格) 或 :表头单元格 属性
属性名
含义
常用属性值
border
设置表格边框
(图片来源网络,侵删)像素值
cellspacing
单元格和单元格之间的距离
像素值(默认2)
cellpadding
单元格和内容之间的距离
(图片来源网络,侵删)像素值(默认1)
width
表格宽度
像素值
height
表格高度
像素值
align
表格在网页中的水平对齐方式
left、center、right
表格标题标签
- 用来定义表格标题,会居中显示在表格上面
- 必须放在table标签后面
火锅店
合并单元格
跨行合并:rowspan=“合并单元格的个数”
跨列合并:colspan=“合并单元格的个数”
从上到下,从左到右进行合并,不论是跨行还是跨列,都是在td上进行的
实现表格边框一条线
将表格属性cellspacing设为0
源码
表格练习
排名 关键词 趋势 今日搜索 最近七日 相关链接 1 鬼吹灯 345 123 贴吧 图片 百科 2 盗墓笔记 124 415643 贴吧 图片 百科 3 西游记 4562 1325 贴吧 图片 百科 4 东游记 111 879 贴吧 图片 百科 5 甄嬛传 222 31635 贴吧 图片 百科 6 水浒传 456 999 贴吧 图片 百科 7 三国演义 777 1000 贴吧 图片 百科 用到的图片
文章版权声明:除非注明,否则均为主机测评原创文章,转载或复制请以超链接形式并注明出处。
还没有评论,来说两句吧...