第一章基礎(chǔ)表格和第二章
主要內(nèi)容
-
了解表格應(yīng)用場(chǎng)景
略
-
表格基本結(jié)構(gòu)
image.png -
如何操作表格
image.pngimage.pngimage.pngimage.png
image.png -
表格屬性
image.pngimage.pngimage.pngimage.pngimage.png -
表格跨行跨列
image.pngimage.png -
表格嵌套
image.png 案例：表格網(wǎng)頁(yè)布局
鐘琳天才的杰作
<!DOCTYPE html>
<html>
<head>
<title> 表格 </title>
<meta charset="utf-8">
</head>
<body>
<table caption="前端工程師平均工資" border="1px" align="center" cellpadding="10" cellspacing="0">
<!-- 創(chuàng)建一個(gè)五行五列的表格 -->
<thead bgcolor="yellow">
<tr>
<th rowspan="2"> 城市 </th>
<th colspan="2"> 2014年 </th>
<th rowspan="2"> 2015年 </th>
<th rowspan="2"> 2016年 </th>
</tr>
<tr>
<th> 上半年 </th>
<th> 下半年 </th>
</tr>
</thead>
<tbody>
<tr>
<td> 北京 </td>
<td> 8000 </td>
<td bgcolor="blue"> 9000 </td>
<td bgcolor="blue"> 10000 </td>
<td bgcolor="blue"> 12000 </td>
</tr>
<tr>
<td> 上海 </td>
<td> 6000 </td>
<td> 7000 </td>
<td> 8000 </td>
<td> 10000 </td>
</tr>
</tbody>
<tfoot>
<tr>
<td> 合計(jì) </td>
<td> 7000 </td>
<td> 8000 </td>
<td> 9000 </td>
<td> 11000 </td>
</tr>
</tfoot>
</table>
</body>
</html>
第三章 表格布局
- image.png
