html基礎必備-表格標記，前端小白一看就會
格
表格標記用于顯示類似工作表的數據，這些數據以行和列的形式整齊地格式化。它們還可以用于設計頁面布局。
表格 - <table> ... </table>
table標記用于定義表格，它包含所有行和列標記及其內容。表格必須始終至少有一行，有一些屬性來定義表格布局。
- width="?" - 指定表格的寬度
- align="?" - 指定表格的水平對齊
- border="?" - 表格的邊框大小
- cellspacing="?" - 單元格的間距
- cellpadding="?" - 單元格內容與邊框的空白
表格標題 - <caption> ... </caption>
標記caption用于定義表格的標題。
行 - <tr> </tr>
tr標記表示表格中的行，必須出現在table標記中。
單元格 - <td> </td>
單元格是內容所在的地方，單元格必須存在于行中，行中的單元格數決定表中的列數，使用以下屬性設置單元格屬性：
- align="?" - 單元格中文本的水平對齊： left, center or right
- valign="?" - 單元格中文本的垂直對齊： top, middle or bottom.
- width="?" - 指定單元格的固定寬度，默認情況下只占據內容所需的空間
- colspan="?" - 列橫跨允許單元格占據多列
- rowspan="?" - 行橫跨允許單元格占據多行
- nowrap - 單元格中的文本不會換行到下一行。類似于段落的nobr標記
表頭單元格 - <th> </th>
與普通單元格類似，表頭單元格必須出現在行中，正常情況下位于表格第一行，瀏覽器對其進行加粗和居中。
例子
以下是表格的示例：
.注釋標記(<!--…-->)
語法： <!--注釋內容-->
2.文件標記(<html>…</html>)
語法： <html>…</html>
說明：<html>這對標記是HTML文件的標記。<html>處于文件的最前面，表示HTML文件的開始。即瀏覽器從<html>標記開始解釋，直到遇到</html>標記為止。
3.文件頭標記(<head>…</head>)
語法： <head>…</head>
說明：
①由head這組標記定義的元素中，并不放置網頁的任何內容，是放置關于這份HTML文件的信息。就是說，它并不屬于HTML文件的主體，它包含文件的標題、編碼方式和URL等。這些信息大部分用于提供索引、辨認或其他應用。
②這對標記在HTML文件中并不是必需的。如果某個HTML文件并不需要提供相關信息，則可省略<head>標記。
4.文件標題標記(<title>…</title>)
語法： <title>文件標題文字</title>
說明：此標記用于設定HTML文件的標題名稱，它將顯示在瀏覽器的標題欄中。
注意：<title>標記用于<head>標記中。但如果HTML文件中沒有使用<head>標記，則<title>標記仍然起作用。
5.文件主體標記(<body>…</body>)
語法： <body>…</body>
說明：
①由<body>標記所建立的元素是HTML文件的內容主體，也是HTML文件的重點所在。HTML文件中要顯示在網頁上的所有內容，也都放置在這個元素中。
②<body>具有一些特殊的屬性，可以設定背景及字符顏色等。
單
表單允許我們發送和接收來自web頁面的數據，表單的用途有：網站和論壇登錄；注冊信息；基于web的電子郵件；在線問卷調查等。
表單 - <form> ... </form>
所有表單元素（如輸入框和按鈕）必須位于表單標記內。在大多數情況下，表單必須設置name、action屬性。
- name=“？” - 標識表單的唯一名稱，由操作腳本使用。
- action=“url” - 提交時處理表單數據的腳本的地址（url）。在某些情況下，不需要操作URL，而是由web頁面的JavaScript函數處理表單數據。
- method=“？” - 向操作腳本傳送數據時使用的請求方法，post或get。例如，post用于提交用戶注冊的表單數據，get用于搜索或必須取得返回信息的表單。
輸入字段 - <input>
用于為表單創建簡單的文本輸入字段，但也是許多其他表單輸入類型的基礎，使用type屬性來指定不同類型。
- name=“？” - 輸入字段被操作腳本使用時使用的唯一名稱。
- type=“？” - 輸入字段有幾種類型，文本text、密碼password、復選框checkbox、單選框radio、文件file、圖像image、隱藏hidden都是最常見的。
- value=“？” - 輸入字段在首次加載時顯示的初始值或數據。
- size=“？” - 輸入字段的大小或寬度，通常以數字字符寬度而不是像素定義。
- maxlength=“？” - 輸入字段的最大長度，例如輸入的最大字符數。
- checked - 與復選框類型和單選框類型一起使用，默認設置為已選中。
按鈕 - <button>
按鈕與表單輸入字段類似，但有自己的一組屬性：
- name=“？” - 按鈕中操作腳本中的唯一名稱。
- type=“？” - 按鈕類型（submit或reset），提交submit還是重置reset。
- value=“？” - 按鈕上顯示的文本，例如“確定”或“提交”。
- size=“？” - 按鈕的長度（或寬度）。
選擇列表 - <select> ... </select>
下拉列表，也稱為組合框，允許從項目列表中進行選擇。
- name=“？” - 選擇列表的名稱
- size=“？”-選擇列表的最小寬度，通常不需要，因為列表項的大小決定列表大小。
- multiple - 允許用戶從列表中選擇多個項目，默認為選。
選擇項 - <option> </option>
option標記定義選擇列表中的每一項，并且必須出現在select標記中。選擇項的文本必須出現在選項標記之間。
- value=“？” - 該值是在選擇項被選中的情況下發送到操作腳本的數據。注意，這不是在列表中顯示的文本
- selected - 設置選擇列表顯示時的默認選項。
- 文本區域 - <textarea></textarea>
- 文本區域允許輸入大量文本，并允許指定輸入框的高度與，不像input標記只能有固定高度。
- name=“？” - 文本區域的唯一名稱。
- rows=“？”-文本區域行數，定義文本區域的垂直大小。
- cols=“？”-文本區域水平大小，即列數，定義為字符數。
例子
瀏覽器顯示的內容如下所示：
