- 时间:2022-08-13 02:22 编辑: 来源: 阅读:300
- 扫一扫,手机访问
摘要:前台标签表中的编程之路一一展开。
[网站源码]
在HTML中,我们使用 HTML中的表格类似于Excel中的表格,包括行、列、单元格、标题和其他元素。 但是,HTML表单在功能上远不如Excel表单强大。HTML表单不支持排序、求和、方差等数学计算。它们通常用于显示数据。 在学习表格之前,我们先来看一个简单的HTML代码:1。< table border="1 " >2.& lttr & gt3.& ltth & gt名称4.& ltth & gt官网;四个标签: & lttr & gt是表格行的缩写,表示表格的行数。 多少 & lttd & gt是table datacell的缩写,表示表格的单元格。这是真正存储表数据的标签。 单元格数据可以是文本、图片、列表、段落、表格、横线、表格等形式。 & ltth & gt是表格标题的缩写,表示表格标题。 & ltth & gt实际上,它是< td & gt细胞的变体,本质上是细胞。 & ltth & gt一般位于第一行,作为每一列的标题。 大多数浏览器将标题显示为粗体和居中文本。 默认情况下,表格没有边框。 但是我们可以用 在这个例子中,我们将表格的边框宽度设置为1px。 注意,px是默认单位,所以不需要明确指出。 1.表格的边框合并:细心的读者可能已经发现,网页中常见的表格样式多为单层边框,上例所示的表格为双层。 为了避免这种情况,我们可以使用CSS中的border-collapse属性来设置表格的边框。 Border-collapse的意思是“边界崩溃”。当属性值为折叠时,表格的双边框可以变为单边框。 例子如下:1 .< table border = " 1 " style = " border-collapse:collapse;& gt2.& lttr & gt3.& ltth & gt名称4.& ltth & gt官网;标签 看下面的例子:1。< table border = " 1 " style = " border-collapse:collapse;& gt2.& ltcaption & gt这是表格的标题 Rowspan:表示跨行合并。 在HTML代码中,我们可以使用rowspan特性来指示一个单元格应该跨越的行数。 Colspan:表示跨列合并。 类似地,在HTML中,我们可以使用colspan特性来指示一个单元格必须跨越的列数。 具体格式如下: 这里应该注意,rowspan和colspan都是< td & gt标签的属性 在下面的示例中,我们合并表格第一列的第三和第四行中的单元格(跨行合并),并合并第四行的第二和第三列(跨列合并)。 具体代码如下:1。 每次合并n个单元格时,少写n-1个单元格。标签 提醒:即使单元格中什么都没有,我们仍然需要使用< td & gt或者< th >;元素从不指示空单元格的存在,建议中的元素