Detailed introduction to table (TABLE) tags (TAGS)_HTML/Xhtml_Web page production

Basic syntax of tables

... - Define table
- Define table row
- Define table header
- Define table Yuan (specific data of the table)

Table with borders:

Copy the code

The code is as follows:

< ;table border>
FoodDrinkSweet
A< ;/td>BC

Food	Drink	Sweet
A	B	C

Table without borders:

Copy the code

The code is as follows:

td>A

B

C

Food	Drink	Sweet
A	B	C

Table Span spanning multiple rows and columns

Table elements spanning multiple columns

Copy code

The code is as follows:

;th>Drink

Sweet
A	B	C

Table elements spanning multiple rows

Morning Menu
Food	Drink	Sweet
A	B	C

Copy code

The code is as follows:< ;tr>< ;th>Drink

Morning Menu	Food	A
	B
	Sweet	C

Table size setting

Border size settings:

Copy code

The code is as follows:

< table border=10>

Food	Drink	Sweet
A	B	C

Food	Drink	Sweet
A	B	C

Table size setting:

Copy code

The code is as follows:

< table border width=170 height=100>

Food	Drink	Sweet
A	B	C

Food	Drink	Sweet
A	B	C

Table element gap setting:

Copy code

The code is as follows:

< ;table border cellspacing=10>

< td>A

Food	Drink	Sweet
B	C

Food	Drink	Sweet
A	B	C

Internal blank setting of table element:

Copy the code

The code is as follows:

< ;td>A

Food	Drink	Sweet
B	C