什么是 HTML 標(biāo)簽
- HTML 文檔和 HTML 元素是通過 HTML 標(biāo)簽進(jìn)行標(biāo)記的
- HTML 標(biāo)簽由開始標(biāo)簽和結(jié)束標(biāo)簽組成
- 開始標(biāo)簽是被括號(hào)包圍的元素名
- 結(jié)束標(biāo)簽是被括號(hào)包圍的斜杠和元素名
- 某些 HTML 元素沒有結(jié)束標(biāo)簽，比如 <br />
基本標(biāo)簽
- <html>…</html> 定義 HTML 文檔
- <head>…</head> 文檔的信息
- <meta> HTML 文檔的元信息
- <title>…</title> 文檔的標(biāo)題
- <link> 文檔與外部資源的關(guān)系
- <style>…</style> 文檔的樣式信息
- <body>…</body> 可見的頁面內(nèi)容
常用標(biāo)簽
超鏈接標(biāo)簽a
① href屬性：表示超鏈接需要跳轉(zhuǎn)的頁面
a.可以寫網(wǎng)絡(luò)地址：
<a >這是一個(gè)超鏈接</a>
b.可以打開本地html文件：
采用相對(duì)路徑確定文件地址，與img標(biāo)簽確定方式相同
<a href="基本塊級(jí)標(biāo)簽.html">這是一個(gè)超鏈接</a>
c.JavaScript:;偽協(xié)議點(diǎn)擊a標(biāo)簽不會(huì)跳轉(zhuǎn)頁面
<a href="javascript:;">這是一個(gè)偽鏈接</a>
② title屬性：鼠標(biāo)指上后顯示的提示文字
<a >這是一個(gè)超鏈接</a>
③ target屬性：設(shè)置新頁面打開的窗口位置
可選值：_self自身頁面打開（默認(rèn)）_blank新窗口打開
_parent在父級(jí)窗口打開 _top在頂層窗口打開
<a >這是一個(gè)超鏈接</a>
④ download：表示鏈接式下載。
iframe嵌套頁面標(biāo)簽
iframe標(biāo)簽和a標(biāo)簽同時(shí)使用：在a標(biāo)簽里的target等于iframe的name，表示a標(biāo)簽鏈接在iframe的窗口打開。
<iframe src="#" name="xxx"></iframe>
<a target="xxx" >在iframe窗口打開</a>
form標(biāo)簽
<form> 標(biāo)簽用于為用戶輸入創(chuàng)建 HTML 表單。
a.表單能夠包含 input 元素，比如文本字段、復(fù)選框、單選框、提交按鈕等等。
b.表單還可以包含 menus、textareafieldset、legend 和 label 元素
c.表單用于向服務(wù)器傳輸數(shù)據(jù)。
<form action="users" method="POST">
<input type="text" name="username">
<input type="password" name="password">
<input type="submit" value="提交">
</form>
form標(biāo)簽跳轉(zhuǎn)是發(fā)起HTTP POST請(qǐng)求（沒有提交按鈕就不能提交），而a標(biāo)簽跳轉(zhuǎn)發(fā)起HTTP GET請(qǐng)求；
input表單標(biāo)簽
type
控件類型的顯示。如果這個(gè)屬性沒有指定，默認(rèn)的類型是 text?？捎玫闹蛋ǎ?/p>
- button；按鈕
- Checkbox：多選框;；必須使用 value 屬性定義此控件被提交時(shí)的值。使用 checked 屬性指示控件是否被選擇。
- radio：?jiǎn)芜x框；必須使用 value 屬性定義此控件被提交時(shí)的值。使用checked 必須指示控件是否缺省被選擇。在同一個(gè)”單選按鈕組“中，所有單選按鈕的 name 屬性使用同一個(gè)值； 一個(gè)單選按鈕組中是，同一時(shí)間只有一個(gè)單選按鈕可以被選擇。
- password：密文輸入信息；一個(gè)值被遮蓋的單行文本字段。使用 maxlength 指定可以輸入的值的最大長(zhǎng)度 。
- submit：用于提交表單的按鈕；
- reset：重置
通過為<input>設(shè)置id屬性，在<lable>標(biāo)簽中設(shè)置for=id來讓說明文本和對(duì)應(yīng)的<input>關(guān)聯(lián)起來；也可以直接用label標(biāo)簽把input包起來后也會(huì)自動(dòng)關(guān)聯(lián)；
<label for="Name">xxx</label>
<input type="text" id="Name"/>
select下拉列表標(biāo)簽
<select>
<option value ="volvo">寶馬</option>
<option value ="saab">奔馳</option>
<option value="opel">奧迪</option>
<option value="audi">大眾</option>
</select>
table 表格標(biāo)簽
HTML的 table 元素表示表格數(shù)據(jù) — 即通過二維數(shù)據(jù)表表示的信息
- <table> 標(biāo)簽定義 HTML 表格。
- 簡(jiǎn)單的 HTML 表格由 table 元素以及一個(gè)或多個(gè) tr、th 或 td 元素組成。
- tr 元素定義表格行，th 元素定義表頭，td 元素定義表格單元。
- 更復(fù)雜的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。
文本域 textarea
- 寫法：<textarea></textarea>
- 設(shè)置寬高style="width: 200px; height: 150px;" 自身有cols="" rows=""兩個(gè)屬性，但不常用
- readonly="readonly" 設(shè)置為只讀模式，不允許編輯。
- style="resize: none;" 設(shè)置為寬高不允許修改。
