HTML table tag tutorial (35): cross-column attribute COLSPAN
|
In a complex table structure, some cells span multiple cells vertically, which requires the use of the cross-column attribute COLSPAN. Basic syntax <TD COLSPAN=VALUE> Syntax VALUE represents the number of columns the cell spans. File example: 10-33.htm The COLSPAN attribute is used to implement cells that span columns. 01 <!-- ------------------------------ --> 02 <!-- File example: 10-33.htm --> 03 <!-- File Description: Set up a table spanning columns --> 04 <!-- ------------------------------ --> 05 <HTML> 06 <HEAD> 07 <TITLE>Setting a table spanning columns</TITLE> 08 </HEAD> 09 <BODY> 10 <TABLE BORDER=3 WIDTH=400 HEIGHT=100 Bordercolor=#336699 ALIGN="CENTER"> 11 <TR> 12 <TD ColSpan=2 Align="Center">Web page creation software</TD> 13 </TR> 14 <TR> 15 <TD>Web Graphics Software</TD><TD>Fireworks</TD> 16 </TR> 17 <TR> 18 <TD>Web page creation software</TD><TD>Dreamweaver</TD> 19 </TR> 20 <TR> 21 <TD>Web animation software</TD><TD>Flash</TD> 22 </TR> 23 </TABLE> 24 </BODY> 25 </HTML> File description <br />The first cell in row 12 spans two columns. |
<<: Vue3 (Part 2) Integrating Ant Design Vue
>>: Vue3 (III) Website Homepage Layout Development
Recommend
How to control the startup order of docker compose services
summary Docker-compose can easily combine multipl...
Zabbix WEB monitoring implementation process diagram
Take zabbix's own WEB interface as an example...
A brief analysis of the issues that should be paid attention to when making 404 error pages
When optimizing a website, we must learn to use e...
Solution to the error when calling yum in docker container
When executing yum in dockerfile or in the contai...
Solve the problem that the name of the type=file file modification form cannot be echoed normally
The code under the easyui framework is as follows...
On Visual Design and Interaction Design
<br />In the entire product design process, ...
CentOS 8 Installation Guide for Zabbix 4.4
Zabbix server environment platform ZABBIX version...
Detailed explanation of the steps for configuring the Centos7 bridge network under VMware
The complete steps of Centos7 bridge network conf...
How to change the MySQL database file directory in Ubuntu
Preface The company's Ubuntu server places th...
Detailed explanation of how to find the location of the nginx configuration file
How can you find the location of the configuratio...
Summary of the differences and usage of plugins and components in Vue
The operating environment of this tutorial: Windo...
Detailed explanation of the usage and difference between nohup and & in Linux
Example: We use the Python code loop_hello.py as ...
Detailed explanation of Angular routing sub-routes
Table of contents 1. Sub-route syntax 2. Examples...
A magical MySQL deadlock troubleshooting record
background Speaking of MySQL deadlock, I have wri...
Talking about Less and More in Web Design (Picture)
Less is More is a catchphrase for many designers....