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
43 Web Design Mistakes Web Designers Should Watch Out For
This is an article about website usability. The a...
vue+springboot realizes login function
This article example shares the specific code of ...
Difference between src and href attributes
There is a difference between src and href, and t...
Vue achieves the top effect through v-show
html <div class="totop" v-show="...
Vue implements simple production of counter
This article example shares the simple implementa...
Basic JSON Operation Guide in MySQL 5.7
Preface Because of project needs, the storage fie...
Usage and scenario analysis of npx command in Node.js
npx usage tutorial Tonight, when I was learning V...
Summary of Linux file basic attributes knowledge points
The Linux system is a typical multi-user system. ...
Vue implements login jump
This article example shares the specific code of ...
React example showing file upload progress
Table of contents React upload file display progr...
Learn the basics of JavaScript DOM operations in one article
DOM Concepts DOM: document object model: The docu...
Simple steps to create a MySQL container with Docker
Preface We have already installed Docker and have...
MySQL Binlog Data Recovery: Detailed Explanation of Accidentally Deleting a Database
MySQL Bin log data recovery: accidentally delete ...
Search optimization knowledge to pay attention to in web design
1. Link layout of the new site homepage 1. The loc...
Vue code highlighting plug-in comprehensive comparison and evaluation
Table of contents Comprehensive comparison From t...