一、表格标签
对于表格我想就不用做很多细说了吧,Excel大家应该都知道。HTML中的表格不是用来布局页面的而是用来展示数据的。
1:表格标签基本使用
这里的就是表格,可以理解成表格中的行,包含在
中的就是一行的列。
标签是表头单元格标签,在表格中我们一把会看到第一行中字体居中加粗等等,而这个效果可以通过 | 标签实现。
Document

2:表格标签基本属性
属性名 属性值 描述
align left、center、right 规定表格相对周围元素的对齐方式
border 1或"" 规定表格单元格是否拥有边框,默认为"",表示没有边框
cellpadding 像素值 规定单元边沿与其内容之间的空白,默认为1像素
cellspacing 像素值 规定单元格之间的空白,默认为2像素
width 像素值或者百分比 规定表格的宽度
注意这些属性我们都写在了标签中。
Document

3:表格标签的相关结构
表格的结构其实就分成两种,表头结构和表身,一般表头就是第一行。
表头
表身
注意里面必须要有标签
4:合并单元格
合并单元格的概念我想大家应该都知道,我就不多说了,直接说HTML中如何实现单元格的合并吧。
单元格的合并又分为跨行合并和跨列合并。
跨行:rowspan
跨列:colspan
如果你是跨行合并就要以左边为主,左边是目标单元格。跨列合并的话就要以上面为主,上面是目标单元格。
合并单元格的方式:
(1)确定跨行还是跨列
(2)找到目标单元格,写上合并方式=合并单元格数量,如: |
(3)删除多余的单元格
具体实例:

这是一个5*5的表格,假如我现在合并第二行的第二列到第四列
二、列表标签
1:有序列表
有序列表即为有排列顺序的列表,在HTML中标签定义有序列表,- 标签用来定义列表项,列表排序以数字来显示。
- 第一
- 第二
注意在标签中不能插入除了- 之外的东西,但是你可以在
- 标签中插入。
2:无序列表
无序列表顾名思义就是没有顺序排列的列表。用
3:自定义列表
这个不是自己想怎么定义就定义的,也是有讲究的。定义自定义列表,- 定义列表中的其中一项,
- 定义对于其中一个项的解释。
- 1
- 1的解释1
- 1的解释2
相关内容
| |