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
Detailed explanation of the process of deploying the distributed configuration center Apollo with one click using docker compose
Introduction When talking about distribution, we ...
Detailed explanation of how to use Node.js to implement hot reload page
Preface Not long ago, I combined browser-sync+gul...
IE9beta version browser supports HTML5/CSS3
Some people say that IE9 is Microsoft's secon...
Simple steps to encapsulate components in Vue projects
Table of contents Preface How to encapsulate a To...
Nginx configuration cross-domain request Access-Control-Allow-Origin * detailed explanation
Preface When a 403 cross-origin error occurs No &...
WeChat applet selects the image control
This article example shares the specific code for...
Summary of related functions for Mysql query JSON results
The JSON format field is a new attribute added in...
Detailed explanation of the difference between in and exists in MySQL
1. Prepare in Advance For your convenience, I cre...
IIS configuration of win server 2019 server and simple publishing of website
1. First remotely connect to the server 2. Open S...
js to achieve 3D carousel effect
This article shares the specific code for impleme...
How to store false or true in MySQL
MySQL Boolean value, stores false or true In shor...
Teach you how to solve the error when storing Chinese characters in MySQL database
Table of contents 1. Problems encountered 2. Anal...
MySQL online deadlock analysis practice
Preface I believe that everyone has had a simple ...
Java+Tomcat environment deployment and installation process diagram
Next, I will install Java+Tomcat on Centos7. Ther...
In-depth explanation of hidden fields, a new feature of MySQL 8.0
Preface MySQL version 8.0.23 adds a new feature: ...