什么是Colspan(Colspan)？
colspan属性是一种HTML特性，它使网页中的表单元格可以扩展到多个列上。HTML是创建网页的主要方式之一。将结构引入HTML网页的一种方法是表的概念。表有多行和多列。每个单元格中的信息桌子是垂直和水平排列的。 女人经...
colspan属性是一种HTML特性，它使网页中的表单元格可以扩展到多个列上。HTML是创建网页的主要方式之一。将结构引入HTML网页的一种方法是表的概念。表有多行和多列。每个单元格中的信息桌子是垂直和水平排列的。
女人经常用电脑倒立，当显示一个HTML表时，人们希望一些信息在多个列上应用或分布。当这样的信息被限制在一行时，colspan属性就派上了用场。因此colspan=N，其中N是某个数字，如2、3等，表示单元格扩展或跨越了那么多列考虑一个例子，其中销售数据显示为一个包含三个列标题的表：sales region、person heading the region和sales amount，只有销售总额是有意义的。个人单元格在那一行将是空的。与其显示一个空单元格，不如将注意力放在总额上。下面的代码实现了这一点<；lt；lt；lt；lt；lt；lt；lt；lt；lt；lt；lt；lt；lt>；地区&地区<；/th>；lt；th>；销售主管<；th>；销售<；/th>；lt；lt；lt；tr>；lt；lt；tr>；lt；td>；东区<；/td>；lt；td>；刘易斯< lt；lt；td>；lt；td>；lt；gt；2100美元和lt；/lt lt> gt；lt；lt；lt lt；lt；lt>及gt；lt；lt；lt；lt；lt；lt；lt；lt；lt；lt；gt；lt；lt；lt；td>；lt；td>；lt；lt；lt；lt；lt；>；丽莲<；/td>；<；td>；2880美元<；/td>；<；/tr>；<；td>；West<；/td>；<；td>；Larnoe<；/td>；<；td>；<；/td>；<；/tr>；<；tr>；<；td colspan="2">；总销售额lt；/td>；<；td>；$6880<；/td>；<；/tr>；<；/table>；<；/html>；在本例中，a创建表，并指定三个标题—Region、Sales Head和Sales—后跟三行数据。表中的每个单元格由td属性表示，表示"table data"。在第四行，短语Total Sales与Total amount一起给出。请注意，短语"Total Sales"是通过其横跨两列的单元格来强调的：Region列和Head列；这是通过指定colspan=2来实现的。这个单元格跨越两列，所以此行只有两个td属性，而不像其他行中的三个属性您可以将此代码复制到文本文件中，并在浏览器中显示它以查看效果。网页可能不需要像上面的示例那样在表格单元格中显示数据。表格概念对于组织网页上的信息非常有用，然而。一个网页通常由一个顶部的标题组成，例如公司名称和标志，顶部或侧面的一个或多个菜单，中间是主要信息，底部是摘要信息，表结构可以在读者不知情的情况下在下面使用。通常一些信息使用colspan属性分布在多个列上，这样可以防止网页看起来笨重。例如，您可能需要一个包含三个列的个人页面：家庭、职业和社区。在页面下方的某个位置用照片打破单调的列是一个不错的效果，在该页面中，它会分布在所有列中。下面的代码使用3的跨度值来实现这一点<；html>；<；table width=900 border="0">；<；tr>；<；td width=300>；家人<；br>；我<；br>；小狗…<；/td>；<；td width=300>；职业生涯<；br>；Acme行政人员…<；/td>；<；td width=300>；社区<；br>；医院志愿者…<；/td>；<；/tr>；<；tr>；<；td colspan="3"align=center>；<；img src=…>；我的照片<；/td>；<；/tr>；<；tr>；<；td>；家庭详情…<；/td>；<；td>；继续工作…<；/td>；<；/tr>；<；/table>；<；/html>；。
女人经常用电脑倒立，当显示一个HTML表时，人们希望一些信息在多个列上应用或分布。当这样的信息被限制在一行时，colspan属性就派上了用场。因此colspan=N，其中N是某个数字，如2、3等，表示单元格扩展或跨越了那么多列考虑一个例子，其中销售数据显示为一个包含三个列标题的表：sales region、person heading the region和sales amount，只有销售总额是有意义的。个人单元格在那一行将是空的。与其显示一个空单元格，不如将注意力放在总额上。下面的代码实现了这一点<；lt；lt；lt；lt；lt；lt；lt；lt；lt；lt；lt；lt；lt>；地区&地区<；/th>；lt；th>；销售主管<；th>；销售<；/th>；lt；lt；lt；tr>；lt；lt；tr>；lt；td>；东区<；/td>；lt；td>；刘易斯< lt；lt；td>；lt；td>；lt；gt；2100美元和lt；/lt lt> gt；lt；lt；lt lt；lt；lt>及gt；lt；lt；lt；lt；lt；lt；lt；lt；lt；lt；gt；lt；lt；lt；td>；lt；td>；lt；lt；lt；lt；lt；>；丽莲<；/td>；<；td>；2880美元<；/td>；<；/tr>；<；td>；West<；/td>；<；td>；Larnoe<；/td>；<；td>；<；/td>；<；/tr>；<；tr>；<；td colspan="2">；总销售额lt；/td>；<；td>；$6880<；/td>；<；/tr>；<；/table>；<；/html>；在本例中，a创建表，并指定三个标题—Region、Sales Head和Sales—后跟三行数据。表中的每个单元格由td属性表示，表示"table data"。在第四行，短语Total Sales与Total amount一起给出。请注意，短语"Total Sales"是通过其横跨两列的单元格来强调的：Region列和Head列；这是通过指定colspan=2来实现的。这个单元格跨越两列，所以此行只有两个td属性，而不像其他行中的三个属性您可以将此代码复制到文本文件中，并在浏览器中显示它以查看效果。网页可能不需要像上面的示例那样在表格单元格中显示数据。表格概念对于组织网页上的信息非常有用，然而。一个网页通常由一个顶部的标题组成，例如公司名称和标志，顶部或侧面的一个或多个菜单，中间是主要信息，底部是摘要信息，表结构可以在读者不知情的情况下在下面使用。通常一些信息使用colspan属性分布在多个列上，这样可以防止网页看起来笨重。例如，您可能需要一个包含三个列的个人页面：家庭、职业和社区。在页面下方的某个位置用照片打破单调的列是一个不错的效果，在该页面中，它会分布在所有列中。下面的代码使用3的跨度值来实现这一点<；html>；<；table width=900 border="0">；<；tr>；<；td width=300>；家人<；br>；我<；br>；小狗…<；/td>；<；td width=300>；职业生涯<；br>；Acme行政人员…<；/td>；<；td width=300>；社区<；br>；医院志愿者…<；/td>；<；/tr>；<；tr>；<；td colspan="3"align=center>；<；img src=…>；我的照片<；/td>；<；/tr>；<；tr>；<；td>；家庭详情…<；/td>；<；td>；继续工作…<；/td>；<；/tr>；<；/table>；<；/html>；。
- 发表于 2020-07-30 19:13
- 阅读 ( 1422 )
- 分类：电脑网络
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章