1.table標籤的基本語法
<table>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>table：表格標籤，用於創建一個表格。告訴編譯器「我打算創建一個表格」——雖然...如果你只告訴它這個並不會有什麼用處...
tr（table row）：表格行標籤，用於定義一個表格的行，告訴編譯器「創建一行表格」——雖然...如果你只告訴它這個和上面那個，依舊不會有什麼用處...
沒錯，編譯器就是跟小孩子一樣任性，你要是不把東西說清楚，它根本就不會鳥你！雖然編譯還是會通過，但沒有任何用處，就跟「女朋友嘴上說不會生你的氣，但依然會耍小任性」一樣——雖然你不可能會有女朋友hhhhhhhh
咳咳，停止強行加戲，言歸正傳。
td（table data）：表格數據標籤。用於向行內插入「格子」並給你一次「告訴編譯器裏面的內容是什麼」的機會，如果你不告訴它——呃....我勸你還是告訴它比較好。相當於一個表格佔位符。
以上三個標籤就是創建一個表格必不可少的標籤，另外還有些可選標籤：
caption：表示表格的標題，這個標籤會將表格的標題居中顯示在表格的外頂部中央。
colgroup：表示表格的列組，這個標籤可以爲表格的列設置統一的樣式。通常與<col>標籤連用。
col：與<colgroup>標籤連用以設置表格列的統一樣式。
thead：表示表格的頁眉。
tbody：表示表格的主體。
tfoot：表示表格的頁腳。
以下是表格的實例的代碼：
<table>
<caption>表格標題：表格標籤示例</caption>
<colgroup>
<col style="background-color:red;" /> <!-- 將第一列的背景設置爲紅色。 -->
<col span="2" style="text-align:center;" /> <!-- 將第二列、第三列的字體排列方設置爲“居中對齊”。 -->
</colgroup>
<tr>
<th>表頭-加粗顯示</th>
<th>表頭-加粗顯示</th>
<th>表頭-加粗顯示</th>
</tr>
<tr>
<td>表單數據 ｛0，0｝</td>
<td>表單數據 ｛0，1｝</td>
<td>表單數據 ｛0，2｝</td>
</tr>
<tr>
<td>表單數據 ｛1，0｝</td>
<td>表單數據 ｛1，1｝</td>
<td>表單數據 ｛1，2｝</td>
</tr>
<tr>
<td>表單數據 ｛2，0｝</td>
<td>表單數據 ｛2，1｝</td>
<td>表單數據 ｛2，2｝</td>
</tr>
</table>
顯然，默認的表格樣式是沒有邊框的，這在很多情況下都不會採用這種沒有邊框的表格樣式，那麼就讓我們給表格加上邊框吧。只需要在<table>標籤內設置 border 屬性就可以了。如下所示：
<table border="1">
像這樣的表格的確也沒多好看，不過好處就是這些邊框可以明確地將表單數據分開。
實例：「模仿」神奇寶貝第五世代招式列表（節選）
接下來就用這些標籤來寫一個「神奇寶貝第五世代招式列表」，由於招式實在是太多，這裏偷懶只寫前幾個招式...[捂臉]
以下是效果圖（顏色的選擇可能有些出入，因爲如果真的要讓我一個一個對着找顏色的話...臣妾真的做不到啊！）：![]()
代碼如下：
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<style type="text/css">
table {text-align:center;vertical-align:middle;} <!-- 重新定義 table 標籤的文字對齊方式，嗯...居中對齊，很常用，不是嗎。-->
#topic {background-color:#FCF;}
#teshu {background-color:#00F;}
#bianhua {background-color:#999;}
#e {background-color:#300;}
#yanshi {background-color:#960;}
#chaoneng {background-color:#F06;}
#gang {background-color:#CCC;}
.font1 {font-weight:bold;color:#FFF;}
.font2 {font-weight:bold;color:#06F;}
</style>
</head>
<body>
<table border="3" bordercolor="#F9F" cellspacing="0" cellpadding="10" align="center"> <!-- 讓表格在頁面中居中顯示；改變線框粗度和顏色； -->
<caption>PokermonV 招式列表</caption>
<tr id="topic">
<th>編號</th>
<th>技能名</th>
<th>屬性</th>
<th>類型</th>
<th>威力</th>
<th>命中</th>
<th>PP值</th>
<th>說明</th>
</tr>
<tr>
<td>468</td>
<td>磨爪</td>
<td id="e" class="font1">惡</td>
<td id="bianhua" class="font1">變化</td>
<td>--</td>
<td>--</td>
<td>15</td>
<td>使自身攻擊力和命中率提升一級</td>
</tr>
<tr>
<td>469</td>
<td>廣域防守</td>
<td id="yanshi" class="font1">岩石</td>
<td id="bianhua" class="font1">變化</td>
<td>--</td>
<td>--</td>
<td>10</td>
<td>僅在本回合內，使我方全體不受羣體攻擊技能的打擊。</td>
</tr>
<tr>
<td>470</td>
<td>防守平分</td>
<td id="chaoneng" class="font1">超能</td>
<td id="bianhua" class="font1">變化</td>
<td>--</td>
<td>--</td>
<td>10</td>
<td>將自身與目標的防禦 / 特防相加後互相平分。</td>
</tr>
<tr>
<td>471</td>
<td>力量平分</td>
<td id="chaoneng" class="font1">超能</td>
<td id="bianhua" class="font1">變化</td>
<td>--</td>
<td>--</td>
<td>10</td>
<td>將自身與目標的攻擊 / 特攻相加後互相平分。</td>
</tr>
<tr>
<td>472</td>
<td>奇妙空間</td>
<td id="chaoneng" class="font1">超能</td>
<td id="bianhua" class="font1">變化</td>
<td>--</td>
<td>--</td>
<td>10</td>
<td>製造奇妙空間，5回合內互換所有精靈的防禦和特防。</td>
</tr>
<tr>
<td>473</td>
<td>精神衝擊</td>
<td id="chaoneng" class="font1">超能</td>
<td id="teshu" class="font2">特殊</td>
<td>80</td>
<td>100</td>
<td>10</td>
<td>將念動力實體化攻擊對手，給予物理傷害。</td>
</tr>
<tr>
<td>474</td>
<td>身體輕量化</td>
<td id="gang" class="font1">鋼</td>
<td id="bianhua" class="font1">變化</td>
<td>--</td>
<td>--</td>
<td>15</td>
<td>削掉自己身體上沒用的部分，大幅度提高速度，同時降低體重。</td>
</tr>
</table>
</body>1.如何讓表格中的文字居中顯示；
2.如何讓表格中的文字加粗並改變顏色；
3.如何改變表格框的背景顏色；
4.如何改變表格的線框顏色和粗度；
4.如何改變表格的線框顏色和粗度；
5.如何讓表格在頁面中居中顯示；
2.向表格中插入圖片、超鏈接等
嗯...這個應該不用說了吧，知道<a>標籤和<img>標籤的應該都會，直接寫上去就可以了。只是在這裏說一下可以這麼做罷了。
算了，左思右想還是寫一下吧。
<table border="1" align="center">
<tr>
<th>技能名稱</th>
<th>說明</th>
<th>動畫</th>
</tr>
<tr>
<td>
<a href="https://wiki.52poke.com/wiki/%E8%BA%AB%E4%BD%93%E8%BD%BB%E9%87%8F%E5%8C%96%EF%BC%88%E6%8B%9B%E5%BC%8F%EF%BC%89" target="_blank">身體輕量化</a>
</td>
<td>降低自身重量100Kg，同時速度上升2級。</td>
<td>
<img src="img/Autotomize.gif" /> <!-- 插入GIF格式動態圖片。 -->
</td>
</tr>
</table>
PS：本篇博客的所有關於神奇寶貝的數據和資料均來自於「神奇寶貝百科」，對於數據的具體解釋權歸「神奇寶貝百科」所有。