什么是HTML
HTML （Hypertext Markup Language）即超文本標(biāo)記語(yǔ)言。HTML用于網(wǎng)頁(yè)的制作邪意，被瀏覽器解釋后可以呈現(xiàn)出各式各樣的精美頁(yè)面压汪。
常見(jiàn)標(biāo)簽：a、form爸黄、input、button揭鳞、h1炕贵、p、ul野崇、ol称开、small、strong乓梨、div鳖轰、span清酥、kbd、video脆霎、audio总处、svg
著重理解幾個(gè)常用標(biāo)簽
<iframe>
它能夠?qū)⒘硪粋€(gè)HTML頁(yè)面嵌入到當(dāng)前頁(yè)面中
height以CSS像素格式，或百分比格式指定frame的高度睛蛛。默認(rèn)值為150
width以CSS像素格式或以百分比格式指定的 frame 的寬度鹦马。默認(rèn)值是300
name用于定位嵌入的瀏覽上下文的名稱。該名稱可以用作<a>標(biāo)簽與<form>標(biāo)簽的
target屬性值忆肾，也可以用作<input>標(biāo)簽和<button>標(biāo)簽的formtarget屬性值荸频，還可以用作window.open()方法的windowName參數(shù)值
<a>
（或稱錨元素）可以創(chuàng)建通向其他網(wǎng)頁(yè)、文件客冈、同一頁(yè)面內(nèi)的位置旭从、電子郵件地址或任何其他 URL 的超鏈接
<a >Website</a>
<a href="mailto:m.bluth@example.com">Email</a>
<a href="tel:+123456789">Phone</a>
download此屬性指示瀏覽器下載 URL 而不是導(dǎo)航到它，因此將提示用戶將其保存為本地文件场仲。如果屬性有一個(gè)值和悦，那么此值將在下載保存過(guò)程中作為預(yù)填充的文件名（如果用戶需要，仍然可以更改文件名）渠缕。此屬性對(duì)允許的值沒(méi)有限制鸽素，但是 / 和 \ 會(huì)被轉(zhuǎn)換為下劃線。大多數(shù)文件系統(tǒng)限制了文件名中的標(biāo)點(diǎn)符號(hào)亦鳞，故此馍忽，瀏覽器將相應(yīng)地調(diào)整建議的文件名
href包含超鏈接指向的 URL 或 URL 片段。URL 片段是哈希標(biāo)記（#）前面的名稱燕差，哈希標(biāo)記指定當(dāng)前文檔中的內(nèi)部目標(biāo)位置（HTML 元素的 ID）遭笋。URL 不限于基于 Web（HTTP）的文檔，也可以使用瀏覽器支持的任何協(xié)議
外部鏈接
<a >External Link</a>
相同頁(yè)面鏈接的描述
<a href="#屬性">Description of Same-Page Links</a>
創(chuàng)建一個(gè)可點(diǎn)擊的圖片
<a ><img src="xxx" alt="MDN logo" /></a>
創(chuàng)建一個(gè)email鏈接
<a href="mailto:xxxx@xxx.com">Send email to xxxx</a>
創(chuàng)建電話鏈接
<a href="tel:+123456789">+123456789</a>
在點(diǎn)擊鏈接后徒探，會(huì)執(zhí)行javascript代碼
<a href="javascript:alert(1)">link<a>
讓頁(yè)面回到頂部
<a href="#" >link</a>
刷新頁(yè)面
<a href="" >link</a>
點(diǎn)擊后沒(méi)有任何動(dòng)作的a標(biāo)簽(滿足一些奇葩功能)
<a href="javascript:;" >link</a>
target該屬性指定在何處顯示鏈接的資源瓦呼。 取值為標(biāo)簽（tab），窗口（window）测暗，或框架（iframe）等瀏覽上下文的名稱或其他關(guān)鍵詞吵血。以下關(guān)鍵字具有特殊的意義:
_self: 當(dāng)前頁(yè)面加載，即當(dāng)前的響應(yīng)到同一HTML 4 frame（或HTML5瀏覽上下文）偷溺。此值是默認(rèn)的，如果沒(méi)有指定屬性的話
_blank: 新窗口打開(kāi)钱贯，即到一個(gè)新的未命名的HTML4窗口或HTML5瀏覽器上下文
_parent: 加載響應(yīng)到當(dāng)前框架的HTML4父框架或當(dāng)前的HTML5瀏覽上下文的父瀏覽上下文挫掏。如果沒(méi)有parent框架或者瀏覽上下文，此選項(xiàng)的行為方式與 _self 相同秩命。
_top: IHTML4中：加載的響應(yīng)成完整的尉共，原來(lái)的窗口褒傅，取消所有其它frame。 HTML5中：加載響應(yīng)進(jìn)入頂層瀏覽上下文（即袄友，瀏覽上下文殿托，它是當(dāng)前的一個(gè)的祖先，并且沒(méi)有parent）剧蚣。如果沒(méi)有parent框架或者瀏覽上下文支竹，此選項(xiàng)的行為方式相同_self
iframename ：當(dāng)target=" iframename"時(shí)，點(diǎn)擊鏈接可以在指定的<iframe name="iframename"></iframe>中打開(kāi)鏈接
<iframe name="xxx" src="#" frameborder="0"></iframe>
<div>
<a target="xxx">點(diǎn)擊</a>
</div>
<form>
表示了文檔中的一個(gè)區(qū)域鸠按，此區(qū)域包含有交互控制元件礼搁，用來(lái)向 Web 服務(wù)器提交信息
<form action="" method="get" class="form-example">
<div class="form-example">
<label for="name">Enter your name: </label>
<input type="text" name="name" id="name" required>
</div>
<div class="form-example">
<label for="email">Enter your email: </label>
<input type="email" name="email" id="email" required>
</div>
<div class="form-example">
<input type="submit" value="Subscribe!">
</div>
</form>
action一個(gè)處理此表單信息的程序所在的URL。此值可以被
<button>或者<input>元素中的formaction屬性覆蓋目尖。規(guī)定了form提交到哪里馒吴。
method*
post：表單數(shù)據(jù)會(huì)包含在表單體內(nèi)然后發(fā)送給服務(wù)器.
get：表單數(shù)據(jù)會(huì)附加在action屬性的URI中，并以 '?' 作為分隔符瑟曲，然后這樣得到的 URI 再發(fā)送給服務(wù)器饮戳。如果這樣做（數(shù)據(jù)暴露在 URI 中）沒(méi)什么副作用，或者表單僅包含ASCII字符時(shí)洞拨，再考慮使用這種方法
target 一個(gè)名字或者說(shuō)關(guān)鍵字扯罐，用來(lái)指示在提交表單之后，在哪里顯示收到的回復(fù)_self：在當(dāng)前文檔頁(yè)面重新加載返回值扣甲。是默認(rèn)值篮赢。如果此文檔在一個(gè)frame中的話，self是在當(dāng)前frame（document）中重新加載的琉挖，而不是整個(gè)頁(yè)面（window）
_blank：以新的文檔窗口加載返回值
_parent：在父級(jí)的 frame 中以文檔形式加載返回值启泣，如果沒(méi)有父級(jí)的frame，行為和_self一致
_top：如果是 HTML 4 文檔：清空當(dāng)前文檔示辈，加載返回內(nèi)容寥茫；HTML5：在當(dāng)前文檔的最高級(jí)內(nèi)加載返回值，如果沒(méi)有父級(jí)矾麻，和_self的行為一致
iframename：返回值在指定<iframe>中顯示
<input>
用于為基于Web的表單創(chuàng)建交互式控件纱耻，以便接受來(lái)自用戶的數(shù)據(jù)
<input>的工作方式相當(dāng)程度上取決于type屬性的值，如果未指定此屬性险耀，則采用的默認(rèn)類型為 text
text默認(rèn)值弄喘。單行的文本區(qū)域，輸入中的換行會(huì)被自動(dòng)去除
button沒(méi)有默認(rèn)行為的按鈕甩牺，上面顯示value屬性的值蘑志，默認(rèn)為空
checkbox復(fù)選框，可設(shè)為選中或未選中
radio單選按鈕，允許在多個(gè)擁有相同name值的選項(xiàng)中選中其中一個(gè)
color用于指定顏色的控件急但；在支持的瀏覽器中澎媒，激活時(shí)會(huì)打開(kāi)取色器
date輸入日期的控件（年、月波桩、日戒努，不包括時(shí)間）。在支持的瀏覽器激活時(shí)打開(kāi)日期選擇器或年月日的數(shù)字滾輪
email編輯郵箱地址的區(qū)域镐躲。類似 text 輸入储玫，但在支持的瀏覽器和帶有動(dòng)態(tài)鍵盤的設(shè)備上會(huì)有確認(rèn)參數(shù)和相應(yīng)的鍵盤
file讓用戶選擇文件的控件。使用accept屬性規(guī)定控件能選擇的文件類型
image帶圖像的submit按鈕匀油。顯示的圖像由src屬性規(guī)定缘缚。如果src缺失，al屬性就會(huì)顯示
number用于輸入數(shù)字的控件敌蚜。如果支持的話桥滨，會(huì)顯示滾動(dòng)按鈕并提供缺省驗(yàn)證（即只能輸入數(shù)字）。擁有動(dòng)態(tài)鍵盤的設(shè)備上會(huì)顯示數(shù)字鍵盤
password單行的文本區(qū)域弛车，其值會(huì)被遮蓋齐媒。如果站點(diǎn)不安全，會(huì)警告用戶
reset此按鈕將表單的所有內(nèi)容重置為默認(rèn)值纷跛。不推薦
submit用于提交表單的按鈕
checked如果該元素的type屬性的值為radio或者checkbox,則該布爾屬性的存在與否表明了該控件是否是默認(rèn)選擇狀態(tài)
disabled這個(gè)布爾屬性表示此表單控件不可用喻括。 特別是在禁用的控件中，click事件 將不會(huì)被分發(fā)贫奠。 并且唬血，禁用的控件的值在提交表單時(shí)也不會(huì)被提交
height如果type屬性的值是image，這個(gè)屬性定義了按鈕圖片的高度
max此項(xiàng)目的最大（數(shù)字或日期時(shí)間）值唤崭，且不得小于其最小值（min屬性）值
min此項(xiàng)目的最锌胶蕖（數(shù)字或日期時(shí)間）值，且不得大于其最大值（最大屬性）值
maxlength如果 type 的值是 text, email, search, password, tel, 或 url谢肾，那么這個(gè)屬性指明了用戶最多可以輸入的字符個(gè)數(shù)（按照Unicode編碼方式計(jì)數(shù)）腕侄；對(duì)于其他類型的輸入框，該屬性被忽略芦疏。它可以大于 size 屬性的值冕杠。如果不指定這個(gè)屬性，那么用戶可以輸入任意多的字符酸茴。如果指定為一個(gè)負(fù)值分预，那么元素表現(xiàn)出默認(rèn)行為，即用戶可以輸入任意多的字符
multiple這個(gè)屬性指示用戶能否輸入多個(gè)值薪捍。這個(gè)屬性僅在type屬性為email或file的時(shí)候生效 ; 否則被忽視
name控件的名稱噪舀，與表單數(shù)據(jù)一起提交
size控件的初始大小魁淳。以像素為單位,適用于當(dāng) type 屬性為 text, search, tel, url, email,或 password；否則會(huì)被忽略与倡。它的值必須大于0。 如果未指定大小昆稿，則使用默認(rèn)值20纺座。
value控件的初始值. 此屬性是可選的，除非type 屬性是radio或checkbox
<button>
表示一個(gè)可點(diǎn)擊的按鈕溉潭，可以用在表單或文檔其它需要使用簡(jiǎn)單標(biāo)準(zhǔn)按鈕的地方
name button的名稱净响，與表單數(shù)據(jù)一起提交
type button的名稱，與表單數(shù)據(jù)一起提交submit此按鈕將表單數(shù)據(jù)提交給服務(wù)器喳瓣。如果未指定屬性馋贤，或者屬性動(dòng)態(tài)更改為空值或無(wú)效值，則此值為默認(rèn)值
reset此按鈕重置所有組件為初始值
valuebutton的初始值畏陕。它定義的值與表單數(shù)據(jù)的提交按鈕相關(guān)聯(lián)配乓。當(dāng)表單中的數(shù)據(jù)被提交時(shí)，這個(gè)值便以參數(shù)的形式被遞送至服務(wù)器
