HTML table tag tutorial (44): table header tag
<br />In order to clearly distinguish the table structure in the source code, the HTML language specifies three tags: <thead>, <tbody>, and <tfoot>, which correspond to the table header, table body, and table footer respectively. The <thead> tag is used to define the style of the header at the top of the table.
Align stands for horizontal alignment, where Left means left, Center means center, and Right means right. valign stands for vertical alignment, Top means top, Middle means center, and Bottom means bottom. File example: 10-44.htm Set the table header style by tag. 01 <!-- ------------------------------ --> 02 <!-- File example: 10-44.htm --> 03 <!-- File Description: Set the table header style--> 04 <!-- ------------------------------ --> 05 <html> 06 <head> 07 <title>Set table header style</title> 08 </head> 09 <body> 10 <table border=3 width=400 height=100 bordercolor=#336699 align="Center"> 11 <thead align=center bgcolor=#00ccff> 12 <tr> 13 <td colspan=2>Web page creation software</td> 14 </tr> 15 </thead> 16 <tr> 17 <td>Web Graphics Software</td><td>Fireworks</td> 18 </tr> 19 <tr> 20 <td>Web page creation software</td><td>Dreamweaver</td> 21 </tr> 22 <tr> 23 <td>Web animation software</td><td>Flash</td> 24 </tr> 25 </table> 26 </body> 27 </html> The file shows that line 11 defines the style of the table header, and line 15 sets the end of the table header. |
<<: Vue implements table paging function
>>: How to split and merge multiple values in a single field in MySQL
Recommend
Steps for packaging and configuring SVG components in Vue projects
I just joined a new company recently. After getti...
A brief discussion on Linux signal mechanism
Table of contents 1. Signal List 1.1. Real-time s...
CSS3 realizes the effect of triangle continuous enlargement
1. CSS3 triangle continues to zoom in special eff...
How to set list style attributes in CSS (just read this article)
List style properties There are 2 types of lists ...
An example of how Tomcat manages Session
Learned ConcurrentHashMap but don’t know how to a...
VMware Workstation installation Linux system
From getting started to becoming a novice, the Li...
In-depth explanation of various binary object relationships in JavaScript
Table of contents Preface Relationships between v...
MySQL Router implements MySQL read-write separation
Table of contents 1. Introduction 2. Configure My...
Detailed explanation of the differences between var, let and const in JavaScript es6
First, a common question is, what is the relation...
Docker installs Elasticsearch7.6 cluster and sets password
Starting from Elasticsearch 6.8, free users are a...
Nginx load balancing algorithm and failover analysis
Overview Nginx load balancing provides upstream s...
Summary of HTML knowledge points for the front end (recommended)
1. HTML Overview htyper text markup language Hype...
How to add a column to a large MySQL table
The question is referenced from: https://www.zhih...
MySQL 4G memory server configuration optimization
As the number of visits to the company's webs...
How does MySQL achieve multi-version concurrency?
Table of contents MySQL multi-version concurrency...