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
Example of using Docker Swarm to build a distributed crawler cluster
During the crawler development process, you must ...
How to install Docker on Windows 10 Home Edition
I recently used Docker to upgrade a project. I ha...
Solution to the problem that Tomcat reports 404 when accessing localhost normally
Today, when I was configuring Tomcat to access th...
Example of JSON output in HTML format (test interface)
To display the JSON data in a beautiful indented ...
Example of using nested html pages (frameset usage)
Copy code The code is as follows: <!DOCTYPE ht...
How to design a web page? How to create a web page?
When it comes to understanding web design, many p...
Detailed explanation of Mysql communication protocol
1.Mysql connection method To understand the MySQL...
Analysis of MySQL data backup and recovery implementation methods
This article uses examples to describe how to bac...
The solution of html2canvas that pictures cannot be captured normally
question First, let me talk about the problem I e...
SQL implementation of LeetCode (196. Delete duplicate mailboxes)
[LeetCode] 196.Delete Duplicate Emails Write a SQ...
HTML basics HTML structure
What is an HTML file? HTML stands for Hyper Text M...
Mysql database scheduled backup script sharing
BackUpMysql.sh script #!/bin/bash PATH=/bin:/sbin...
Implementation of postcss-pxtorem mobile adaptation
Execute the command to install the plugin postcss...
Let's talk about the storage engine in MySQL
Basics In a relational database, each data table ...
Sample code on how to implement page caching in vue mobile project
background On mobile devices, caching between pag...