整合營銷服務(wù)商

          電腦端+手機端+微信端=數(shù)據(jù)同步管理

          免費咨詢熱線:

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

          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)記(<!--…-->)

          語法: <!--注釋內(nèi)容-->

          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ū)挾龋ǔR詳?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)容如下所示:


          主站蜘蛛池模板: 精品福利视频一区二区三区| 91在线一区二区三区| 一区 二区 三区 中文字幕| 日韩精品免费一区二区三区| 日韩视频在线一区| 亚洲日本一区二区一本一道| 91精品一区国产高清在线| 色欲综合一区二区三区| 曰韩人妻无码一区二区三区综合部 | 日日摸夜夜添一区| 国产在线观看一区二区三区| 中文字幕一区二区日产乱码| 在线播放一区二区| 视频在线观看一区| 久久精品岛国av一区二区无码| 亚洲乱色熟女一区二区三区蜜臀| 国产一区二区三区在线| 久久久精品人妻一区亚美研究所| 亚洲欧洲无码一区二区三区| 杨幂AV污网站在线一区二区| 在线播放一区二区| 国产观看精品一区二区三区| 午夜影院一区二区| 中文字幕一区二区区免| 亚洲av色香蕉一区二区三区| 中文人妻无码一区二区三区| 精品国产一区二区三区| 国偷自产Av一区二区三区吞精| 亚洲国产欧美一区二区三区 | 中文字幕一区二区三区有限公司| 久久久久人妻一区精品色 | 香蕉视频一区二区| 亚洲国产AV一区二区三区四区| 无码精品人妻一区二区三区AV| 精品无码一区在线观看| 亚洲AV无码一区二三区| 日韩一区二区三区射精| 一区二区精品在线| 亚洲国产一区二区三区| 日本一区二区三区在线看| 日韩精品无码一区二区中文字幕 |