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.

Basic syntax <head align=value1 bgcolor=color_value valign=value2> Syntax
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 
03 
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