HTML table tag tutorial (46): table footer tag

HTML table tag tutorial (46): table footer tag

The <tfoot> tag is used to define the style of the table footer.
Basic syntax <tfoot 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-46.htm
The <tfoot> tag is used to set the style of the table body.
01 <!-- ------------------------------ -->
02 <!-- File example: 10-46.htm -->
03 <!-- File Description: Set the table footer style-->
04 <!-- ------------------------------ -->
05 <html>
06 <head>
07 <title>Set table footer 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 <tbody align=Left bgcolor=#00cccc>
17 <tr>
18 <td>Web Graphics Software</td><td>Fireworks</td>
19 </tr>
20 <tr>
21 <td>Web page creation software</td><td>Dreamweaver</td>
22 </tr>
23 <tr>
24 <td>Web animation software</td><td>Flash</td>
25 </tr>
26 </tbody>
27 <tfoot align=Right bgcolor=#00cc00>
28 <tr>
29 <td colspan=2>copyright 2004</td>
30 </tr>
31 </tfoot>

32 </table>
33 </body>
34 </html> The file shows that line 27 sets the style of the table footer, and line 31 sets the end of the table footer.

<<:  JS implements dragging the progress bar to change the transparency of elements

>>:  Do you know the difference between empty value and null value in mysql

Recommend

Tutorial diagram of using Jenkins for automated deployment under Windows

Today we will talk about how to use Jenkins+power...

Bootstrap 3.0 study notes grid system case

Preface In the previous article, we mainly learne...

Example code for implementing dotted border scrolling effect with CSS

We often see a cool effect where the mouse hovers...

Detailed steps for adding hosts you need to monitor in zabbix

Add monitoring host Host 192.168.179.104 is added...

...

Summary of some reasons why crontab scheduled tasks are not executed

Preface I recently encountered some problems at w...

Google Translate Tool: Quickly implement multilingual websites

Google China has released a translation tool that ...

The difference between Display, Visibility, Opacity, rgba and z-index: -1 in CSS

We often need to control the hidden, transparent ...

Vue Element-ui implements tree control node adding icon detailed explanation

Table of contents 1. Rendering 2. Bind data and a...

Parameters to make iframe transparent

<iframe src="./ads_top_tian.html" all...

JavaScript to implement simple tab bar switching content bar

This article shares the specific code of JavaScri...