HTML table tag tutorial (46): table footer tag
|
The <tfoot> tag is used to define the style of the table footer.
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
Summary of CJK (Chinese, Japanese, and Korean Unified Ideographs) Characters in Unicode
CJK is the abbreviation of CJK Unified Ideographs...
Implementation steps for building a local web server on Centos8
1 Overview System centos8, use httpd to build a l...
HTML+CSS+JavaScript to create a simple tic-tac-toe game
Table of contents Implementing HTML Add CSS Imple...
The space is displayed differently in IE, Firefox, and Chrome browsers
The display effects on IE, Fir...
Analyze the problem of pulling down the Oracle 11g image configuration in Docker
1. Pull the image docker pull registry.cn-hangzho...
Use native js to simulate the scrolling effect of live bullet screen
Table of contents 1. Basic principles 2. Specific...
VUE implements a Flappy Bird game sample code
Flappy Bird is a very simple little game that eve...
Detailed explanation of the relationship between image format and design in web design
Why do I want to organize the content in this area...
Implementation of sharing data between Docker Volume containers
What is volume? Volume means capacity in English,...
Full HTML of the upload form with image preview
The upload form with image preview function, the ...
Detailed explanation of the process of setting up nvidia-docker environment on Linux server
Docker is equivalent to a container, which can bu...
Summary of Common Mistakes in Web Design
In the process of designing a web page, designers...
The latest version of MySQL5.7.19 decompression version installation guide
MySQL version: MySQL Community Edition (GPL) ----...
Docker deploys nginx and mounts folders and file operations
During this period of time, I was studying docker...
How to reset password after forgetting password in MySQL8 (MySQL old method doesn't work)
The command line mysqld –skip-grant-tables cannot...