HTML(hyper text markup language残家，超文本標(biāo)記語言)
HTML基本機(jī)構(gòu)
聲明<!DOCTYPE html>
根元素<html></html>
頭元素<head><head>
主體<body></body>
body 標(biāo)簽的默認(rèn) margin 是8像素
head標(biāo)簽中可包含標(biāo)簽有l(wèi)ink, title, style, script, noscript, 和 base.
html，head淮阐，body標(biāo)簽可以被省略
title標(biāo)簽是必寫的
空元素
在HTML元素中，沒有內(nèi)容的 HTML 元素被稱為空元素嫂伞。
HTML元素
HTML中移层，從開始標(biāo)簽(start tag)到結(jié)束標(biāo)簽(end tag)的所有代碼，被稱為HTML元素冯凹。
非閉合標(biāo)簽都是空元素，例如input炒嘲，area宇姚，br，hr夫凸，img浑劳，base，embed夭拌，meta等
可替換元素和不可替換元素
可替換元素指瀏覽器根據(jù)元素的標(biāo)簽和屬性魔熏，來決定元素的具體顯示內(nèi)容。html中的<img>鸽扁、<input>蒜绽、<textarea>、<select>桶现、<object>都是替換元素躲雅。這些元素往往沒有實(shí)際的內(nèi)容，即是一個空元素骡和。
比如：<input /> type="text" 的是相赁，這是一個文本輸入框，換一個其他的時候慰于，瀏覽器顯示就不一樣
可替換元素钮科，展現(xiàn)不由css控制（自帶寬高的一般都是可替換元素）。
css比可替換元素屬性優(yōu)先級高
html 的大多數(shù)元素是不可替換元素婆赠，即其內(nèi)容直接表現(xiàn)給用戶端（例如瀏覽器）绵脯。
比如<p>wanmei.com</p>瀏覽器將把這段內(nèi)容直接顯示出來。
css布局，只支持橫向布局和縱向布局
HTML中特殊符號需要轉(zhuǎn)義
標(biāo)簽
大部分標(biāo)簽都有自己的默認(rèn)樣式桨嫁，除去某些例如div，span的標(biāo)簽等等份帐。
某些展示標(biāo)簽有alt屬性璃吧，這個屬性是在無法顯示的時候可以顯示提示信息。
div標(biāo)簽中contenteditable 屬性設(shè)置div中內(nèi)容是否可編輯
<button>按鈕的選擇
看這個鏈接做了什么動作废境，彈出一個框畜挨，就是button，跳轉(zhuǎn)到另一個鏈接就用a標(biāo)簽
<meta>標(biāo)簽
<meta> 標(biāo)簽提供關(guān)于 HTML 文檔的元數(shù)據(jù)噩凹。它不會顯示在頁面上巴元，但是對于機(jī)器是可讀的⊥匝纾可用于瀏覽器（如何顯示內(nèi)容或重新加載頁面）逮刨，搜索引擎（關(guān)鍵詞），或其他 web 服務(wù)堵泽。
HTTP協(xié)議響應(yīng)內(nèi)容修己，如果缺少的第二部分響應(yīng)，可以用meta中屬性http-equlv 設(shè)置HTTP協(xié)議響應(yīng)
例子：
<meta http-equiv="charset" content="iso-8859-1">
mate標(biāo)簽詳細(xì)解釋
<base>標(biāo)簽
由base制定了一個URL地址迎罗，接下來你所要調(diào)用的文件或圖片等就無須再填寫完整的地址睬愤，只需寫上該文件名或圖片名即可。例子：
base標(biāo)簽指定了新浪博客做為基準(zhǔn)url纹安，那么當(dāng)前文檔內(nèi)的所有超鏈接將遵循這一規(guī)則尤辱，我們在鏈接中設(shè)置相對的訪問目標(biāo)，瀏覽器便會自動解析出一個完整的鏈接地址進(jìn)行訪問厢岂，倘若a鏈接的目標(biāo)為空光督，瀏覽器也會根據(jù)base所給的url進(jìn)行訪問。值得注意的是咪笑，base標(biāo)簽需放在包含url地址的語句前面可帽。
iframe標(biāo)簽
作用用來嵌套其他頁面，默認(rèn)樣式高度50px 寬度100px窗怒。
<iframe name="myiframe" id="myrame" src="external_file.html" frameborder="0" align="left" width="200" height="200" scrolling="no"> <a target="myiframe">鏈接</a> </iframe>
在src里寫#相當(dāng)于當(dāng)前頁面
frameborder這個屬性是有值的但是為了美觀一般要設(shè)置值為0
如何點(diǎn)擊<a>便簽讓嵌套頁面跳轉(zhuǎn)到指定鏈接
1映跟，在iframe中設(shè)置屬性name=xxx
2，在<a>中設(shè)置屬性target=xxx
就可以了
a標(biāo)簽
a標(biāo)簽target屬性有四個值
_blank// 空頁面扬虚，另起一頁
_self //自己努隙，本身頁面
_parent //父級頁面，iframe上一級頁面
_top //祖父級頁面
download屬性
a標(biāo)簽是否為下載鏈接是由HTTP協(xié)議中響應(yīng)屬性和在a標(biāo)簽中寫上download屬性決定的辜昵。
HTTP協(xié)議中設(shè)置content-type：application/octet-stream這就是下載格式荸镊。
href屬性
其中的地址是相對地址。
如果寫上協(xié)議HTTP協(xié)議或者h(yuǎn)ttps協(xié)議就會遵循這些協(xié)議跳轉(zhuǎn)到目的網(wǎng)址，如果沒有協(xié)議例如"http://qq.com"就會遵從當(dāng)前協(xié)議跳轉(zhuǎn)躬存，如果只寫"qq.com"就會到相對對路徑下尋找qq.com文件张惹。
值為#12312是指錨點(diǎn)，不會發(fā)起請求岭洲，指在頁面內(nèi)跳轉(zhuǎn)宛逗，只有錨點(diǎn)不發(fā)起請求。
值為?name=frank是查詢參數(shù)盾剩，會向?yàn)g覽器發(fā)起請求
還有一種就是JavaScript偽協(xié)議
<a href="JavaScript:;">qq</a>
需求：點(diǎn)擊a標(biāo)簽之后不要跳轉(zhuǎn)且不做任何動作
1雷激，<a href="#">aa</a>這個會有跳轉(zhuǎn)動作
2，如果不寫href屬性則會使得a標(biāo)簽變成span標(biāo)簽
3告私，<a href="">aa</a>這樣會有請求屎暇，就是跳轉(zhuǎn)到自身
<a href="JavaScript:;">qq</a>可以滿足需求
form標(biāo)簽
與a標(biāo)簽不同之處：
a標(biāo)簽發(fā)出的是get請求，form標(biāo)簽發(fā)出的是post請求驻粟。
form標(biāo)簽也有target這個屬性和a標(biāo)簽用法相同根悼。
form表單里面必須有提交按鈕
form表單提交傳輸過程中會，瀏覽器會根據(jù)傳輸協(xié)議(Contant-Type:application/x-www-form-urlencoded)會將所有傳輸內(nèi)容變成utf-8對應(yīng)的內(nèi)容
提交表單的時候蜀撑，input屬性中必須有name屬性番挺，不然不能賦值提交
如何點(diǎn)擊名稱，聚焦輸入框或者復(fù)選框
1屯掖，將這些框用label標(biāo)簽包裹
2玄柏，label標(biāo)簽包裹名稱且設(shè)置for屬性，for屬性值為input設(shè)置的id
form表單默認(rèn)是get請求贴铜，必須添加屬性method="post"粪摘，file協(xié)議不支持post
例子：
<form action="目的地址" method="post"> <input type="submit" value="提交"> </form>
get和post
如果form表單中method屬性為get，則把參數(shù)放到查詢參數(shù)里面绍坝，不會寫到HTTP協(xié)議中的第四部分中徘意，post會把參數(shù)放到第四部分中。
get請求中HTTP協(xié)議沒有第四部分轩褐，它是在查詢參數(shù)中添加請求椎咧。我們也可以在post請求中在參數(shù)action中寫出/s?wd=1122來添加到查詢參數(shù)中。
在標(biāo)簽form中input type="buttom"和button標(biāo)簽區(qū)別
1把介，如果在form表單中只有一個button按鈕且不設(shè)type則自動升級為提交按鈕勤讽，如果設(shè)置type="button"則只是一個按鈕。
2拗踢，input按鈕如果不設(shè)置type="submit"則這個input按鈕不是一個提交按鈕脚牍。
input標(biāo)簽
input標(biāo)簽中type屬性常用button，checkbox（復(fù)選框）巢墅，radio（單選框）等等诸狭。
單選框radio必須賦值name屬性且同為相同name時才能單選券膀。
checkbox和radio都有和標(biāo)簽相對應(yīng)的value值以提交時賦值給name。
select中子標(biāo)簽可以設(shè)value為空驯遇，在子標(biāo)簽標(biāo)簽里面設(shè)置disabled是灰色不可選芹彬，設(shè)置selected是默認(rèn)選擇，住select設(shè)置multiple按住shift鍵可以多選叉庐。
table標(biāo)簽
完整的table表格包括以上圖中的所有標(biāo)簽雀监。
標(biāo)簽colgroup中每一個col對應(yīng)表格中的一列
table標(biāo)簽border默認(rèn)是有空隙的，可以設(shè)置border-collapse:collapse;沒有空隙眨唬。
