Home > Web Front-end > Front-end Q&A > html colspan what does it mean

html colspan what does it mean

青灯夜游
Release: 2021-11-19 15:15:10
Original
12757 people have browsed it

In HTML, colspan means merging cells on a row. The colspan attribute can define the number of columns that a cell should span (merge); the syntax is "

<td colspan="number">" , the attribute value "number" specifies the number of columns to be merged.

html colspan what does it mean

The operating environment of this tutorial: Windows 7 system, HTML5 version, Dell G3 computer.

html What does colspan mean?

colspan is the cells on the merged rows, and rowspan is the cells on the merged columns.

For example: If the first row has only one cell, and the second row has four required information, four cells are needed. In order to make the first row and the second row consistent, just You need to set the colspan of the first row to 4; this seems to divide the first row into four parts, but they are merged, so it looks like one cell.

html colspan attribute

The colspan attribute defines the number of columns that a cell should span (merge).

Syntax:

<td colspan="number">
Copy after login
  • number specifies the number of columns that the cell should span.

Note: colspan="0" tells the browser to make the cell span to the last column of the column group (colgroup).

Example:

<table border="1">
	<tr>
		<th>姓名</th>
		<th>年龄</th>
	</tr>
	<tr>
		<td>Peter</td>
		<td>20</td>
	</tr>
	<tr>
		<td>Lois</td>
		<td>20</td>
	</tr>
	<tr>
		<td colspan="2">平均: 20岁</td>
	</tr>
</table>
Copy after login

html colspan what does it mean

Recommended tutorial: "html video tutorial"

The above is the detailed content of html colspan what does it mean. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template