一、表格
1、HTML中表格的使用和屬性
colspan表示該一儲存格向右打通的欄數。 rowspan表示該一儲存格向下打通的欄數。
colspan是表示橫向合並單元格，colspan=“3”表示水平合並三個td
rowspan是表示豎直合並單元格，rowspan=“2” 表示豎直合並兩個td
| 第一個 第二個 第三個 | ||
| 第四個 | 第五個第八個 | 第六個 |
| 第七個 | 第九個 | |
表格代碼：
＜table width=”450″ border=”1″ cellspacing=”0″ cellpadding=”2″ bordercolor=”#009900″＞
＜tr＞
＜td＞第一行第一欄＜/td＞
＜td colspan=”2″＞第一行的第二、三欄＜/td＞
＜/tr＞
＜tr＞
＜td rowspan=”2″＞第二行及第三行 的 第一欄＜/td＞
＜td＞第二行第二欄＜/td＞
＜td＞第二行第三欄＜/td＞
＜/tr＞
＜tr＞
＜td＞第三行第二欄＜/td＞
＜td＞第三行第三欄＜/td＞
＜/tr＞
＜/table＞
你可能看的不大明白。如果借助於Dreamweaver來再現表格制作過程，相信你會很快明白其中的奧秘。先制作一個三行三列的表格(這可以說是上面表格的“原形”)，見下圖，然后將第一行的第二、三欄合並，第二行的第一欄、第三行第一欄合並，這樣就得到了上例中的表格。你可以自己動手檢驗一下。
|
第一行第一欄
|
第一行第二欄
|
第一行第三欄
|
|
第二行第一欄
|
第二行第二欄
|
第二行第三欄
|
|
第三行第一欄
|
第三行第二欄
|
第三行第三欄
|
熟練掌握表格的colspan、 rowspan屬性，可以隨心所欲的制作出復雜的表格。
2、表格中的標題列
＜CAPTION＞ 的作用是為表格標示一個標題列，如同在表格上方加一沒有格線的打通列，通常用來存放表格標題，參數有 align、 valign。
align表示表格標題列相對於表格的對齊方式(水平)，可選值為： left, center, right, top, middle, bottom，若 align=”bottom” 的話標題列便會出現在表格的下方，不管你 的原代碼是把 ＜caption＞ 放在 ＜table＞ 中的頭部或尾部。
valign表示表格標題列相對於表格的對齊方式(上下)，可選值為： top, bottom
二、表單
表單12元素 （在做管理系統時必須用到的）
<form action="服務器路徑" method="pose(常用)/get(不常用)">
表單內容
</form>
（1）文本類
1、文本框：<input type="text"/> ） placeholder="" (灰色內容) value=""（默認顯示內容）
2、密碼框：<input type="password"/>（輸入內容顯示●，長度不限制）placeholder="" (灰色內容) value=""（默認用掩碼顯示內容）
3、文本域：<textarea></textarea>（多行文本，長度不限制） placeholder="" (灰色內容)
4、隱藏文本框：<input type="hidden"/>（計算機查看，用戶看不到）
（2）按鈕類
1、普通按鈕：<input type="button"/> value="" （按鈕改名）
2、提交按鈕：<input type="submit"/> value="" （按鈕改名） （刷新頁面）
3、重置按鈕：<input type="reset"/> value="" （按鈕改名）
4、圖片提交按鈕：<input type="image" src="路徑"/>
（3）選擇類
1、單選：<input type="radio"/> 1.name="" （分組） 2.value="" （上傳到服務器數據） 3. id="值" <label for="值">（圖片/文字）</label> （點擊文字也可選擇）
2、多選：<input type="checkbox"/> 1.name="" （分組） 2.value="" （上傳到服務器數據） 3. id="值" <label for="值">（圖片/文字）</label> （點擊文字也可選擇）
3、下拉菜單：
<select> value="" （上傳到服務器數據）
<option>值1</option>
<option>值1</option>
</select>
4、上傳文件：<input type="file"/> value="" （上傳內容的路徑）