About HTML table
Table structure:
<! DOCTYPE HTML>
<HTML>
<head>
<Meta charset = "UTF-. 8">
<title> Table </ title>
</ head>
<body>
<-! Form must be neat ->
<Table = border "1px" width = "700px" height = "500px" align = left = "Center">
<-! tr it means to write a line ->
<tr align = left = "Center">
<-! wrote a td it represents a cell, the number of the first row of cells, the second row must have a number ->
<td> <B> name </ B> </ td>
<TH> gender </ th>
<td> Age </ td>
<td> Hobbies </ td>
<td> Marriage </ td>
</ TR>
<TR>
<td> </ td>
<td> </ td>
<td> </td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
Example:
<! DOCTYPE HTML>
<HTML>
<head>
<Meta charset = "UTF-. 8">
<title> Meng Meng Gouzi </ title>
</ head>
<body>
<Table border = "10" width = " 500 "height =" 500 "bgcolor =" Red "align = left =" Center ">
<Caption> Meng Meng Gouzi </ Caption>
<TR>
<TH> name </ TH>
<TH> gender </ TH>
< th> Age </ th>
<th> variety </ th>
</ TR>
<TR align = left = "Center">
<TD> Cai </ TD>
<TD> male </ TD>
<TD>. 3 </ TD>
<TD> Husky </ TD>
</ TR>
<TR align = left = "Center">
<TD> Sphere </ TD>
<TD> female </ TD>
<TD>. 5 </ TD>
<TD> Alaska </ TD>
</ TR>
<TR align = left = "Center">
<TD> seven month </ TD>
<TD> female </ TD>
<TD> 10 </ TD>
<td>金毛</td>
</tr>
</table>
</body>
</html>
Figure:
Example 2
<! DOCTYPE HTML>
<HTML>
<head>
<Meta charset = "UTF-. 8">
<title> Meng Meng Gouzi </ title>
</ head>
<body>
<Table border = "10" cellpadding = " . 1 "cellspacing =" 2 "align = left =" Center ">
<Caption> Meng Meng Gouzi </ Caption>
<TR>
<TH colspan =" 2 "> name </ TH>
<-! <TH> gender < / TH> ->
<TH> Age </ TH>
<TH> variety </ TH>
</ TR>
<TR align = left = "Center">
<TD rowspan = "2"> Cai </ TD>
<TD > male </ TD>
<TD>. 3 </ TD>
<TD> Husky </ TD>
</ TR>
<tr align="center">
<!--<td>球球</td>-->
<td>雌性</td>
<td colspan="2" rowspan="2">5</td>
<!--<td>阿拉斯加</td>-->
</tr>
<tr align="center">
<td>七月</td>
<td>雌性</td>
<!--<td>10</td>-->
<!--<td>金毛</td>-->
</tr>
</table>
</body>
</html>
Figure:
among them
<! - This is the distance cellpadding content unit from Gerry surface cell borders ->
<! - This is the distance between cellspacing cell and cell ->
<! - This is generally set would not have to set the width and height of the table after two attributes ->
rowspan = "2" colspan = "2" denote two vertical rows of cells were combined and the combined two transverse cells.
Today Harvest:
1. Notes shortcuts: ctrl + /
Application 2.tab shortcut key: When the input td * 4 plus tab will be <td> </ td>
<td></td>
<td></td>
<td></td>