HTML作為一種用來描述網頁的語言，是製作網頁必不可少的，但HTML 不是一種程式語言，而是一種標記語言 (markup language），本著為了更好的瞭解大資料開發的基礎，今天就帶著大家更進一步的瞭解HTML的使用，HTML的表格與表單。

1.HTML表格

表格由 <table> 標籤來定義。每個表格均有若干行（由 <tr> 標籤定義），每行被分割為若干單元格（由 <td> 標籤定義）。字母 td 指表格資料（table data），即資料單元格的內容。資料單元格可以包含文字、圖片、列表、段落、表單、水平線、表格等等。表格的作用就不言而喻了，讓看起來更簡潔直觀有序性。

下面給大家帶來一些常用的標籤：

<table> 表格的最外層容器

<tr> 定義表格行

<th> 定義表頭

<td> 定義表格單元

<caption>定義表格表題

　　<width>:寬度。可以用畫素或百分比表示。 常用960畫素。

　　<border>：邊框，常用值為0。

　　<cellpadding>：內容跟邊框的距離，常用值為0。

　　<cellspacing>：單元格與單元格之間的間距，常用值為0。

　　<algin>：對齊方式。

　　<bgcolor>：背景色。

<background>：背景圖片。

<align>: 一行內容的水平對齊方式。

<valign>: 一行內容的垂直對齊方式。

<height>：行高。

建立表格

在HTML網頁中，要想建立表格，就需要使用表格相關的標籤。

建立表格的基本語法：

<table>

<tr>

<td>單元格內的文字</td>

...

</tr>

...

</table>

舉個例子

其中：table用於定義一個表格標籤。

tr標籤 用於定義表格中的行，必須巢狀在 table標籤中。

td 用於定義表格中的單元格，必須巢狀在<tr></tr>標籤中。

字母 td 指表格資料（table data），即資料單元格的內容。

再比如說我們可以建立個有顏色的格子，如下圖

表格的作用除了可以顯示一個表格外，有的時候還可以用於輔助排版。但現在都不怎麼使用了，因為時代的進步，以前的表格排版的網頁已經被淘汰了。

2. HTML表單

關於表單的制定，因為在瀏覽器中輸入的內容都必須要經過網路提交到伺服器端再處理，所以需要把所有的控制元件都包含在一個form表單控制元件中，然後一次提交給伺服器，再由伺服器處理使用者提交的資料。

HTML 支援有序列表(有序列表是一列專案，列表專案使用數字進行標記。

有序列表始於 <ol> 標籤。每個列表項始於 <li> 標籤。)無序列表(無序列表也是一個專案的列表，此列專案使用粗體圓點“典型的小黑圓圈“進行標記。)和定義列表(自定義列表不僅僅是一列專案，而是專案及其註釋的組合。自定義列表以 <dl> 標籤開始。每個自定義列表項以 <dt> 開始。每個自定義列表項的定義以 <dd> 開始。)。

表單常用標籤：

form: 表單的最外層容器

input: 用於蒐集使用者資訊,根據不同的type屬性值,展示不同的控制元件

Text：普通的文字輸入框

Password：密碼輸入框

Checkbox：複選框

Radio：單選框

File：上傳檔案

Cols：列

Rows：行

注意事項：

<form id="" name="" method="post/get" action="負責處理的服務端">--輸入系統時，必須有

Name ：定義表單的名稱；

Method: 定義表單結果從瀏覽器傳送到伺服器的方式，預設引數為：get

Action ：用來指定表單處理程式的位置(伺服器端指令碼處理程式）

Fieldset：把表單分組；

Legend：分組名稱。

id不可重複，name可重複，get提交有長度限制，並且編碼後的內容在位址列可見，post提交沒有長度限制，且編碼後內容不可見。

舉個例子

<form action="login.asp" method="post">

<label>使用者名稱: </label><input type="text" name="username" />

<label>密碼: </label><input type="password" name="password" />

</form>

得到結果如圖

本期的內容比較多，大家可以在平日裡多加練習，這是大資料開發基礎的重要部分，做到能更熟練，更準確，希望大家能有所進步。