1. <iframe>標簽
<iframe>表示嵌套頁面，默認大小為50*100≈惺螅可以修改屬性height和width.但是iframe的寬度可以設置百分比驾讲，高度卻不可以蚊伞。
下面是 <iframe>的一些屬性的使用。
src ,表示嵌套頁面的URL地址吮铭。記得不要寫成href时迫。
name ,表示嵌套頁面的名字，可以用于<a>``<form>的target屬性谓晌，或者<input>``<button>的formtarget屬性掠拳。
frameborder, <iframe>標簽默認在瀏覽器表現(xiàn)出的樣式會有一個邊框，使用這個屬性可以消除這個丑丑的邊框：frameborder="0"
2. <a>標簽
<a>是一個錨元素纸肉，創(chuàng)建一個超鏈接溺欧。
下面是 <a>的一些屬性的使用喊熟。
target表示在哪里顯示超鏈接的內(nèi)容。這個跟 <iframe>結合使用理解姐刁。
①_blank //在空白頁打開超鏈接
②_self //在當前頁面打開
③_parent //在爸爸身上打開
④_top //在祖先身上打開
⑤name //<iframe>的name芥牌，在該<iframe>身上打開。
③④的使用還是結合 <iframe>理解聂使，在一個html頁面嵌入了 <iframe>（假設叫a）壁拉，則html頁面是a的爸爸，類推柏靶，在a身上再嵌入一個新的 <iframe>（假設叫b）弃理，則html頁面就是b的祖先。
download 建立一個下載的超鏈接屎蜓。例如：<a href="#" download="下載名字">下載</a>
另外還有一種下載方法痘昌，用http響應決定 content-Type:application/ocet-stream
href 表示a的超鏈接地址URL，他支持多種協(xié)議炬转。以下是href的集中情況：
①http協(xié)議或https協(xié)議辆苔。這個很容易理解：
<a >打開騰訊首頁</a>
所以呢，前面的"http://"不可以缺少７滴恰９米印！测僵！
②無協(xié)議相對地址街佑。例如：<a >打不開騰訊首頁</a>這種情況下是打不開騰訊首頁的。因為此時他自動繼承了當前頁面的協(xié)議（一般是文件協(xié)議file://xxx）捍靠，此時可以在當前目錄搭建一個http-server沐旨，那么當前頁面的協(xié)議會變成http協(xié)議，在這個環(huán)境下才可以打開騰訊首頁榨婆。
所以４判！使用這個路徑的話良风，訪問騰訊首頁時谊迄，不能關閉了http-server。
下載并打開http-server：
sudo npm i -g http-server cd xxxx(當前網(wǎng)頁的目錄) http-server -c-1然后復制給出的路徑烟央，在瀏覽器中打開统诺。
123.png
③特殊字符路徑
<a href="?name=qqq">qq</a> 這種情況在點擊之后會在當前頁面發(fā)起?name=qqq的請求
<a href="#xxx">qq</a>這個點擊之后不會發(fā)起請求，錨點在當前頁面進行跳轉
<a href="/xxx.html ">link</a> 點擊后會瀏覽器會發(fā)起GET / HTTP/1.1的請求疑俭，路徑還是/粮呢，因為/已經(jīng)是根目錄，無法再往上走一個。
④偽協(xié)議
使用偽協(xié)議可以滿足一種需求：點擊了<a>標簽不會發(fā)生任何跳轉啄寡。
<a href="javascript:;">我就不動</a>
3. <form>標簽
<form>和<a>的區(qū)別是豪硅，<form>發(fā)起的HTTP請求是 POST （file協(xié)議不支持POST請求），而<a>發(fā)起的是一個HTTP GET請求挺物。
關于GET請求與POST請求的區(qū)別有一點：
- GET請求會將參數(shù)放在查詢參數(shù)里面懒浮，也就是說當用戶輸入了參數(shù)之后，網(wǎng)頁得到響應后姻乓，所有參數(shù)值都會顯示在URL上嵌溢。//GET是獲取內(nèi)容的請求。
- POST請求會默認將參數(shù)放在請求的第四部分蹋岩。//POST是上傳內(nèi)容的請求。
關于請求修改学少，可以使用屬性method剪个。而action屬性指定了參數(shù)POST傳送的地方。
<form action="users?name=xxx" method="post">
<label>用戶名<input type="text" name="username"></label>
<label>密碼<input type="password" name="password"></label>
<input type="submit" value="提交">
</form>
<form>標簽的子標簽有交互式控件版确，接受來自用戶的數(shù)據(jù)扣囊。有<input>``<textarea>``<button>等
注意！绒疗！侵歇，<form>標簽內(nèi)一定要有提交按鈕。
4. <input>標簽
<input>的type屬性：如果不指定type屬性吓蘑，則默認為 text 惕虑。
①text：表文本。//password：表密碼磨镶。
//建立一個用戶登錄的界面
<form>
<label><input type="text" name="username" >username</label>
<br>//換行
<label><input type="password" name="password" >password</label>
<input type="submit" value="提交">
</form>
<label>標簽可以將文本信息跟交互控件關聯(lián)在一起溃蔫。如下圖，是以上代碼顯示出來的琳猫。點擊username焦點會自動到輸入框中伟叛。
② button：表示普通按鈕。//submit：表示提交按鈕脐嫂。
ps 有一個標簽是<button>偎捎，它也有type屬性聪全，不同的是，這個標簽如果不指定type屬性，則它會默認為提交按鈕慌核。 注意<button>不是空元素。
③ checkbox：表復選框浊闪。//radio：表單選框
在實際場景删铃，通常會有某一個命題，需要用戶做選擇。此時單選框的name屬性需一致醋旦，這樣同一組的單選按鈕才可以起到單選的作用恒水。而value為提交數(shù)據(jù)到服務器的值。如下面饲齐，可以設置一致的value钉凌，以便后端區(qū)分。
<form action="save.php" method="post" >
<label>性別:</label>
<label>男
<input type="radio" value="man" name="gender" ></label>
<label>女
<input type="radio" value="woman" name="gender" ></label>
<input type="submit" value="提交">
</form>
5. <select>標簽與<option>標簽捂人。
<form action="#" method="post" >
<pl>愛好:</p>
<select>
<option value="reading">看書</option>
<option value="travel">旅游</option>
<option value="sport">運動</option>
<option value="shopping">購物</option>
</select>
<input type="submit" value="提交">
</form>
另外御雕，<option>標簽屬性中，disable表示不可選滥搭，selected表示默認選項酸纲。
在<select>中加入multiple屬性可以進行多選，進行多選時按下<kbd>Ctrl</kbd>同時進行單擊瑟匆。
6. <textarea>標簽
<textarea>標簽默認樣式大小是可以經(jīng)用戶在瀏覽器上自行調整的闽坡，這樣帶來的坑是 頁面布局會受到影響，要用CSS 來固定寬高樣式愁溜。
