HTML table markup tutorial (18): table header

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

Implementing a simple student information management system based on VUE

Table of contents 1. Main functions 2. Implementa...

Vue+js click arrow to switch pictures

This article example shares the specific code of ...

Analysis of MySql index usage strategy

MySql Index Index advantages 1. You can ensure th...

Introduction to the use and difference between in and exists in MySQL

First put a piece of code for(int i=0;i<1000;i...

Summarize the problems encountered in using Vue Element UI

Table of contents 1. DateTimePicker date selectio...

Implementation of React star rating component

The requirement is to pass in the rating data for...

Grid systems in web design

Formation of the grid system In 1692, the newly c...

JS implements array filtering from simple to multi-condition filtering

Table of contents Single condition single data fi...

How does Zabbix monitor and obtain network device data through ssh?

Scenario simulation: The operation and maintenanc...

React Native JSI implements sample code for RN and native communication

Table of contents What is JSI What is different a...

Example of how to quickly build a LEMP environment with Docker

LEMP (Linux + Nginx + MySQL + PHP) is basically a...

A solution to the abnormal exit of Tomcat caused by semaphore

I'm playing with big data recently. A friend ...

How to operate the check box in HTML page

Checkboxes are very common on web pages. Whether ...