新手學HTML網頁設計（第一階段）第十課

1.設置表格標題

表格標題是對錶格的說明，就像文章的題目一樣。可以使用<caption>標籤來完成。需要注意，<caption>標籤必須直接放置到</table>後，每個表格只能有一個標題。

例如：設置表格標題，代碼如下：

<table width="220" border="0" cellpadding="5" cellspacing="1" bgcolor="#0066FF">

<caption valign="bottom">性別表</caption>

<tr bgcolor="#FFFFF">

<th>姓名</th>

<th>性別</th>

</tr>

<tr bgcolor="#FFFFF">

<td>張三</td>

<td>男</td>

</tr>

<tr bgcolor="#FFFFF">

<td>李四</td>

<td>女</td>

</tr>

</table>

效果如下圖：

設置表格標題

表格是網頁製作過程中很常用的元素，可以使頁面元素更加有條理地按照我們的意願擺放。我們可以採取表格單元格內嵌套子表格的方式來完成複雜的頁面。

2.表單

在HTML文檔中，表單通常用於註冊頁面，當用戶填寫好信息後做完成提交操作，將表單中的內容從客戶端的瀏覽器傳送到服務器上，經過服務器處理程序後，再將用戶所需信息送回客戶端的瀏覽器上，這樣網頁就具有了交互性，最常見的表單元素主要有文本框、單選按鈕、複選框、按鈕等。例如，常見的註冊頁面就包含了文本框、單選按鈕、複選框、按鈕等，如下圖所示：

頁面中常見的表單

3.表單標籤

<form>標籤用於創建HTML文檔中的表單，在<form>標籤體中可以嵌入各種類型的表單字段元素，如單行文本框、密碼框、提交按鈕等。<form>標籤除了可以包含表單字段元素以外，還可以包含文本、圖像以及其他的HTML元素，一個表單可以向Web服務器傳遞多個信息，但每個信息都需要有唯一的名稱標識，因此，表單中的每一個表單都應該有一個name屬性，用於指定表單元素名稱。這樣Web服務器可以根據表單元素的名稱來獲取客戶端傳遞給服務器的信息。添加表單的語法如下：

<form name=”表單名” method=”傳送方式” action=”表單處理程序”></form>

表單屬性的詳細說明如下表：

例如，要使用post方式將表單提交到www.163.com，代碼如下：

<form name=”register” method=”post” action=http://www.163.com>

表單內容...

</form>