html基礎(chǔ)必備-表格標(biāo)記，前端小白一看就會

格

表格標(biāo)記用于顯示類似工作表的數(shù)據(jù)，這些數(shù)據(jù)以行和列的形式整齊地格式化。它們還可以用于設(shè)計頁面布局。

表格 - <table> ... </table>

table標(biāo)記用于定義表格，它包含所有行和列標(biāo)記及其內(nèi)容。表格必須始終至少有一行，有一些屬性來定義表格布局。

width="?" - 指定表格的寬度
align="?" - 指定表格的水平對齊
border="?" - 表格的邊框大小
cellspacing="?" - 單元格的間距
cellpadding="?" - 單元格內(nèi)容與邊框的空白

表格標(biāo)題 - <caption> ... </caption>

標(biāo)記caption用于定義表格的標(biāo)題。

行 - <tr> </tr>

tr標(biāo)記表示表格中的行，必須出現(xiàn)在table標(biāo)記中。

單元格 - <td> </td>

單元格是內(nèi)容所在的地方，單元格必須存在于行中，行中的單元格數(shù)決定表中的列數(shù)，使用以下屬性設(shè)置單元格屬性：

align="?" - 單元格中文本的水平對齊： left, center or right
valign="?" - 單元格中文本的垂直對齊： top, middle or bottom.
width="?" - 指定單元格的固定寬度，默認情況下只占據(jù)內(nèi)容所需的空間
colspan="?" - 列橫跨允許單元格占據(jù)多列
rowspan="?" - 行橫跨允許單元格占據(jù)多行
nowrap - 單元格中的文本不會換行到下一行。類似于段落的nobr標(biāo)記

表頭單元格 - <th> </th>

與普通單元格類似，表頭單元格必須出現(xiàn)在行中，正常情況下位于表格第一行，瀏覽器對其進行加粗和居中。

例子

以下是表格的示例：

.注釋標(biāo)記()

語法：

2.文件標(biāo)記(<html>…</html>)

語法： <html>…</html>

說明：<html>這對標(biāo)記是HTML文件的標(biāo)記。<html>處于文件的最前面，表示HTML文件的開始。即瀏覽器從<html>標(biāo)記開始解釋，直到遇到</html>標(biāo)記為止。

3.文件頭標(biāo)記(<head>…</head>)

語法： <head>…</head>

說明：

①由head這組標(biāo)記定義的元素中，并不放置網(wǎng)頁的任何內(nèi)容，是放置關(guān)于這份HTML文件的信息。就是說，它并不屬于HTML文件的主體，它包含文件的標(biāo)題、編碼方式和URL等。這些信息大部分用于提供索引、辨認或其他應(yīng)用。

②這對標(biāo)記在HTML文件中并不是必需的。如果某個HTML文件并不需要提供相關(guān)信息，則可省略<head>標(biāo)記。

4.文件標(biāo)題標(biāo)記(<title>…</title>)

語法： <title>文件標(biāo)題文字</title>

說明：此標(biāo)記用于設(shè)定HTML文件的標(biāo)題名稱，它將顯示在瀏覽器的標(biāo)題欄中。

注意：<title>標(biāo)記用于<head>標(biāo)記中。但如果HTML文件中沒有使用<head>標(biāo)記，則<title>標(biāo)記仍然起作用。

5.文件主體標(biāo)記(<body>…</body>)

語法： <body>…</body>

說明：

①由<body>標(biāo)記所建立的元素是HTML文件的內(nèi)容主體，也是HTML文件的重點所在。HTML文件中要顯示在網(wǎng)頁上的所有內(nèi)容，也都放置在這個元素中。

②<body>具有一些特殊的屬性，可以設(shè)定背景及字符顏色等。

單

表單允許我們發(fā)送和接收來自web頁面的數(shù)據(jù)，表單的用途有：網(wǎng)站和論壇登錄；注冊信息；基于web的電子郵件；在線問卷調(diào)查等。

表單 - <form> ... </form>

所有表單元素（如輸入框和按鈕）必須位于表單標(biāo)記內(nèi)。在大多數(shù)情況下，表單必須設(shè)置name、action屬性。

name=“？” - 標(biāo)識表單的唯一名稱，由操作腳本使用。
action=“url” - 提交時處理表單數(shù)據(jù)的腳本的地址（url）。在某些情況下，不需要操作URL，而是由web頁面的JavaScript函數(shù)處理表單數(shù)據(jù)。
method=“？” - 向操作腳本傳送數(shù)據(jù)時使用的請求方法，post或get。例如，post用于提交用戶注冊的表單數(shù)據(jù)，get用于搜索或必須取得返回信息的表單。

輸入字段 - <input>

用于為表單創(chuàng)建簡單的文本輸入字段，但也是許多其他表單輸入類型的基礎(chǔ)，使用type屬性來指定不同類型。

name=“？” - 輸入字段被操作腳本使用時使用的唯一名稱。
type=“？” - 輸入字段有幾種類型，文本text、密碼password、復(fù)選框checkbox、單選框radio、文件file、圖像image、隱藏hidden都是最常見的。
value=“？” - 輸入字段在首次加載時顯示的初始值或數(shù)據(jù)。
size=“？” - 輸入字段的大小或?qū)挾龋ǔＲ詳?shù)字字符寬度而不是像素定義。
maxlength=“？” - 輸入字段的最大長度，例如輸入的最大字符數(shù)。
checked - 與復(fù)選框類型和單選框類型一起使用，默認設(shè)置為已選中。

按鈕 - <button>

按鈕與表單輸入字段類似，但有自己的一組屬性：

name=“？” - 按鈕中操作腳本中的唯一名稱。
type=“？” - 按鈕類型（submit或reset），提交submit還是重置reset。
value=“？” - 按鈕上顯示的文本，例如“確定”或“提交”。
size=“？” - 按鈕的長度（或?qū)挾龋?/li>

選擇列表 - <select> ... </select>

下拉列表，也稱為組合框，允許從項目列表中進行選擇。

name=“？” - 選擇列表的名稱
size=“？”-選擇列表的最小寬度，通常不需要，因為列表項的大小決定列表大小。
multiple - 允許用戶從列表中選擇多個項目，默認為選。

選擇項 - <option> </option>

option標(biāo)記定義選擇列表中的每一項，并且必須出現(xiàn)在select標(biāo)記中。選擇項的文本必須出現(xiàn)在選項標(biāo)記之間。

value=“？” - 該值是在選擇項被選中的情況下發(fā)送到操作腳本的數(shù)據(jù)。注意，這不是在列表中顯示的文本
selected - 設(shè)置選擇列表顯示時的默認選項。
文本區(qū)域 - <textarea></textarea>
文本區(qū)域允許輸入大量文本，并允許指定輸入框的高度與，不像input標(biāo)記只能有固定高度。
name=“？” - 文本區(qū)域的唯一名稱。
rows=“？”-文本區(qū)域行數(shù)，定義文本區(qū)域的垂直大小。
cols=“？”-文本區(qū)域水平大小，即列數(shù)，定義為字符數(shù)。

例子

瀏覽器顯示的內(nèi)容如下所示：

在線咨詢

上一篇：<03>WEB基礎(chǔ)面試題
下一篇：界面控件DevExpress WinForms的HT

您的項目需求

*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。

整合營銷服務(wù)商