關注重工黑大帥，學習不迷路
1.搭建好表格框架
結果顯示：
什麼都沒有
分析：table標籤表示表格，tr標籤表示所在行，td標籤表示表格單元（一格一格的方框）,上面這張圖片表示的是一張表中劃分了三行
2.表中添加少部分元素
結果顯示：
分析：看到漢字“我，在，哪”是單獨佔一行，共表示有三行，其中bgcolor表示的是背景的顏色，cellspacing表示表格單元與表格單元之間的間隙（見下面兩張圖來進行區別,兩者比較的過程中cellspadding=“0”）：
cellspacing="0"的結果圖：
cellspacing="20"的結果圖：
cellpadding表示單元格內文字與邊框的間距，在實際應用當中，最好不要規定cellpadding,而是通過樣式CSS來進行控制，border用來定義邊框的寬度，比如下圖，將border設置爲10：
3.適當添加文字和代碼
結果顯示：
4.colspan和rowspan登場
結果顯示：
分析：colspan表達的意思是跨列合併單元格，這兒使用的話旁邊會少一個單元格,原來這兒的文字是：我是黑大帥，現在這兒用了colspan,但我們又想表格裏面的文字不超出邊界，所以刪除了含有“是”這一行代碼，如圖：
如果不刪除這行代碼，結果是這樣的：
再來看rowspan:
結果顯示：
分析：rowspan表達的意思是行與行之間的單元格合併，這兒使用的話下一行就會少一個空格
如果不去掉帶有“明”字的這行代碼，效果是這樣的（如下圖），這就不是我們想要的結果：
5.完整代碼展示（複製後根據需要可自行更改）：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="refresh" content="3">
<meta name="keywords" content="表格">
<meta name="description" content="這是一個漂亮的表格。">
<title>表格</title>
</head>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
ul,li,ol{
list-style: none;
}
a{
text-decoration: none;
}
clears{
clear: both;
height: 0;
line-height: 0;
font-size: 0;
overflow: hidden;
}
body{
font-family: Arial,Verdana,"Microsoft Yahei","Simsun";
}
.big{
min-width:1999px;
height: 1000px;
margin-top: 100px;
margin-left: 500px;
}
</style>
<body>
<div class="big">
<table bgcolor="#3cb371" cellspacing="0" cellpadding="50" width="500" border="2">
<caption><h2>表格練習</h2></caption>
<tr align="center" height="50" width="50">
<td colspan="2">我</td>
<td>是</td>
<td>黑</td>
<td>大</td>
<td>帥</td>
</tr>
<tr align="center" height="50" width="50">
<td rowspan="2">黑</td>
<td>大</td>
<td>帥</td>
<td>在</td>
<td>這</td>
</tr>
<tr align="center" height="50" width="50">
<td>明</td>
<td>天</td>
<td>去</td>
<td>哪</td>
<td>裏</td>
</tr>
</table>
<div class="clears"></div>
</div>
</body>
</html>
最終效果圖（經過上面一系列步驟生成的）：
6.總結：有時候聽別人講知識處於半懵狀態，還不如自己實際操作一番，去吧，勝利的曙光在等着你！
拓展部分：可將你的課程表打印出來，發佈到服務器上，以後搜個域名，課表就出來了（沒有租服務器的情朋友請忽略課表發佈，但課表還是記得打印哈）。