瞭解表格應用場景
表格基本結構
如何操作表格？
添加、刪除行與列
表格屬性
<caption></caption>定義表格的標題
1
表格跨行跨列
表格嵌套
案例：表格網頁佈局
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表格佈局</title>
</head>
<body>
<table width="100%" bgcolor="#f2f2f2">
<!--頁頭-->
<tr height="80px" bgcolor="#14191e">
<td>1111</td>
</tr>
<!--上空行-->
<tr height="10px">
<td></td>
</tr>
<!--內容-->
<tr>
<td>
<table align="center" width="1024px">
<tr>
<td width="240px" valign="top">
<table width="100%" bgcolor="#ffffff">
<tr><td align="center" height="60px">關於我們</td></tr>
<tr><td align="center" height="60px">團隊介紹</td></tr>
<tr><td align="center" height="60px">人才招聘</td></tr>
<tr><td align="center" height="60px">講師招募</td></tr>
<tr><td align="center" height="60px">聯繫我們</td></tr>
<tr><td align="center" height="60px">常見問題</td></tr>
<tr><td align="center" height="60px">意見反饋</td></tr>
<tr><td align="center" height="60px">友情鏈接</td></tr>
</table>
</td> <!--左內容-->
<td width="20px"></td> <!--空隙-->
<td width="764px" bgcolor="#ffffff">
<pre>
春風十里，不及入門前端的你
認識你，從揭開你的神祕面紗開始
Web前端開發是從網頁製作演變而來，其中包括三個要素：HTML、CSS和JavaScript；
Web前端用人數量已經遠遠超過主流編程語言的開發人員的數量。
熟悉你，從瞭解你的方方面面入手
實現Web端界面和移動端的界面
比如，網站設計、網頁界面開發、前臺數據的獲取和綁定、以及動態特效等
選擇你，並着手規劃與你的未
據職友集數據顯示，2016年Web前端崗位月薪最高達到2-3萬元，月平均薪資8190元，預計在2017年待遇將再一次水漲船
春風十里，不及入門前端的
認識你，從揭開你的神祕面紗開始
春風十里，不及入門前端的你
認識你，從揭開你的神祕面紗開始
Web前端開發是從網頁製作演變而來，其中包括三個要素：HTML、CSS和JavaScript；
Web前端用人數量已經遠遠超過主流編程語言的開發人員的數量。
熟悉你，從瞭解你的方方面面入手
實現Web端界面和移動端的界面
比如，網站設計、網頁界面開發、前臺數據的獲取和綁定、以及動態特效等
選擇你，並着手規劃與你的未
據職友集數據顯示，2016年Web前端崗位月薪最高達到2-3萬元，月平均薪資8190元，預計在2017年待遇將再一次水漲船
春風十里，不及入門前端的
認識你，從揭開你的神祕面紗開始
春風十里，不及入門前端的你
認識你，從揭開你的神祕面紗開始
Web前端開發是從網頁製作演變而來，其中包括三個要素：HTML、CSS和JavaScript；
Web前端用人數量已經遠遠超過主流編程語言的開發人員的數量。
熟悉你，從瞭解你的方方面面入手
實現Web端界面和移動端的界面
比如，網站設計、網頁界面開發、前臺數據的獲取和綁定、以及動態特效等
選擇你，並着手規劃與你的未
據職友集數據顯示，2016年Web前端崗位月薪最高達到2-3萬元，月平均薪資8190元，預計在2017年待遇將再一次水漲船
春風十里，不及入門前端的
認識你，從揭開你的神祕面紗開始
</pre>
</td> <!--右內容:單元格寬度的和=表格寬度1024px-->
</table>
</td>
</tr>
<!--下空行-->
<tr height="10px">
<td></td>
</tr>
<!--頁腳-->
<tr height="150px" bgcolor="#14191e">
<td>111</td>
</tr>
</table>
</body>
</html>