表格标签<table></table>

作用：

声明一个表格

特点：

HTML表格由<table>标签以及一个或多个<tr>，<th>或<td>标签组成

<th>标签用于定义表头，单元格内的内容，默认居中，加粗

<table>是父标签，相当于整个表格的容器，它有下面常见的属性：

border 表格边框的宽度
width 表格的宽度
cellpadding 单元边沿与其内容之间的空白
cellspacing 单元格之间的空白
bgcolor表格的背景颜色

<tr> 标签用于定义行，有几对<tr>就有几行

<td>标签用于定义表格的单元格（列），有几对<td>就有几列，他有下面常见属性：

colspan 单元格可横跨的列数
rowspan 单元格可以横跨的行数
align 单元格内容的水平对齐方式，取值left 左 right 右，center 居中
nowrap 单元格中的内容是否折行

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>也秒</title>
 6     </head>
 7     <body>
 8         <table bgcolor="aliceblue" cellpadding="11px" cellspacing="0" border="1px">
 9             <tr>
10             <th>ID</th>
11             <th>姓名</th>
12             <th>年齡</th>
13             <th>班級</th>
14             <th>成績</th>
15             </tr>
16             <tr >
17                 
18                 <td>1</td>
19                 <td>張三</td>
20                 <td>18</td>
21                 <td rowspan="3">198班</td> 
22                 <td>88</td>
23             </tr>
24             <tr>
25                 <td>2</td>
26                 <td>李四</td>
27                 <td>19</td>
28             
29                 <td>89</td>
30             </tr>
31             <tr>
32                 <td>3</td>
33                 <td>王五</td>
34                 <td>120</td>
35                 
36                 <td>90</td>
37             </tr>
38         </table>
39     </body>
40 </html>

效果图：

表格标签<table></table>

表格标签<table></table>

猜你喜欢