HTML 表格实例

HTML表格

table常用标签

1、table标签：声明一个表格

2、tr标签：定义表格中的一行

3、td和th标签：定义一行中的一个单元格，td代表普通单元格，th表示表头单元格

table常用属性：

1、border 定义表格的边框

2、cellpadding 定义单元格内内容与边框的距离

3、cellspacing 定义单元格与单元格之间的距离

4、align 设置单元格中内容的水平对齐方式,设置值有：left | center | right

5、valign 设置单元格中内容的垂直对齐方式 top | middle | bottom

6、colspan 设置单元格水平合并

7、rowspan 设置单元格垂直合并

 1 <!DOCTYPE HTML>
 2 <html>
 3     <head>
 4         <meta charset='utf-8'>
 5         <title>表格实例</title>
 6     </head>
 7     <body>
 8         <h1>表格实例</h1>
 9         <table width='500' border='1'>
10             <caption>学生信息表</caption>
11             <tr>
12                 <th>编号</th>
13                 <th>姓名</th>
14                 <th>年龄</th>
15                 <th>手机号</th>
16                 <th>性别</th>
17             </tr>
18             <tr>
19                 <td>1</td>
20                 <td>张三</td>
21                 <td>18</td>
22                 <td>13812345672</td>
23                 <td>1</td>
24             </tr>
25         
26     </body>
27 
28 </html>

HTML 表格实例

推荐阅读