HTML table markup tutorial (18): table header
|
<br />The header refers to the first row of the table. The text in it can be centered and displayed in bold, which is achieved through the <TH> tag. Basic syntax 01 <TABLE> 02 <TR> 03 <TH>…</TH> 04… 05 </TR> 06 <TR> 07 <TD>…</TD> 08 … 09 </TR> 10… 11 </TABLE> Syntax explanation <br />Use the <TH> tag instead of the TD> tag. The only difference is that the content in the tag is centered and bold. File example: 10-17.htm The table header is implemented through the <TH> tag. 01 <!-- ------------------------------ --> 02 <!-- File example: 10-17.htm --> 03 <!-- File Description: Set the table header--> 04 <!-- ------------------------------ --> 05 <HTML> 06 <HEAD> 07 <TITLE>Set the table header</TITLE> 08 </HEAD> 09 <BODY> 10 <TABLE BORDER=3 WIDTH=400 HEIGHT=100 Bordercolor=#336699 ALIGN="CENTER"> 11 <TR> 12 <TH>Software Category</TH> 13<TH>Software Name</TH> 14 </TR> 15 <TR> 16 <TD>Web Graphics Software</TD><TD>Fireworks</TD> 17 </TR> 18 <TR> 19 <TD>Web page creation software</TD><TD>Dreamweaver</TD> 20 </TR> 21 <TR> 22 <TD>Web animation software</TD><TD>Flash</TD> 23 </TR> 24 </TABLE> 25 </BODY> 26 </HTML> File Description <br />Lines 12 and 13 define the table header. |
<<: Nginx tp3.2.3 404 problem solution
>>: Solve the problem of no my.cnf file in /etc when installing mysql on Linux
Recommend
CSS sets Overflow to hide the scroll bar while allowing scrolling
CSS sets Overflow to hide the scroll bar while al...
MySQL8.0.18 configuration of multiple masters and one slave
Table of contents 1. Realistic Background 2. Agre...
Mini Program to Implement the Complete Shopping Cart
The mini program implements a complete shopping c...
How to run Spring Boot application in Docker
In the past few days, I have studied how to run s...
Detailed explanation of the murder caused by a / slash in Nginx proxy_pass
background An nginx server module needs to proxy ...
Introduction to adding new users to MySql, creating databases for users, and assigning permissions to users
1. Add a new user Only allow local IP access crea...
Vue's vue.$set() method source code case detailed explanation
In the process of using Vue to develop projects, ...
Vue + element to dynamically display background data to options
need: Implement dynamic display of option values ...
Layui implements the login interface verification code
This article example shares the specific code of ...
Detailed explanation of inline-block layout implementation of CSS display attribute
CSS display property Note: If !DOCTYPE is specifi...
Vue/react single page application back without refresh solution
Table of contents introduction Why bother? Commun...
vue element el-transfer adds drag function
The Core Asset Management Project requires el-tra...
How to implement navigation function in WeChat Mini Program
1. Rendering2. Operation steps 1. Apply for Tence...
Detailed tutorial on docker-compose deployment and configuration of Jenkins
Docker-compose deployment configuration jenkins 1...
Solution to MySQL remote connection failure
I have encountered the problem that MySQL can con...