07表格标签 

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <!--解决乱码 ，告诉浏览器文档类型和编码
 5 http-equiv:描述当前网页内容类型
 6 context：使用的是html的文本
 7 charset：使用的编码是UTF-8,解码也使用UTF-8
 8 -->
 9 <meta http-equiv="Content-Type" content="text/html" charset="UTF-8">
10 <title>Insert title here</title>
11 </head>
12 <body>
13     <!-- 
14      <table>表格：
15             cellsapcing:外边距=> 单元格和单元格框线之间的距离
16             cellpadding:内边距=> 内容和单元格框线之间的距离
17              <tr>：表格中的一行
18                 <td>:一行中的一個單元格
19                 <th>：标题单元格
20                 colspan属性：横着占多少列
21                 rowspan属性：竖着占多少行
22                 align属性:对其
23      -->
24     <table border="1" cellpadding="20" cellspacing="5">
25        <tr>
26         <th colspan="3">學生信息表</th>
27        </tr>
28        <tr><td colspan="3" align="center"><b>學生信息表</b></td></tr>
29         <tr>
30             <td>学生姓名</td>
31             <td>学生班级</td>
32             <td>学生性别</td>
33         </tr>
34         <tr>
35             <td>张三</td>
36             <td>高三一班</td>
37             <td rowspan="2">男</td>
38         </tr>
39         <tr>
40             <td>李四</td>
41             <td>高三3二班</td>
42         </tr>
43     </table>
44 </body>
45 </html>

 

posted @ 2016-02-20 01:05  男儿当自强！  阅读(135)  评论(0)    收藏  举报