a 標(biāo)簽
作用：<a>?元素（或稱錨元素）可以創(chuàng)建通向其他網(wǎng)頁(yè)、文件凯亮、同一頁(yè)面內(nèi)的位置朱嘴、電子郵件地址或任何其他 URL 的超鏈接变逃。
????屬性：
? ??????
href：
href：此屬性屬性值為你想要跳轉(zhuǎn)的超鏈接。
網(wǎng)址那一欄的吗氏，//google.com? 這個(gè)地址的作用就是衡瓶，你當(dāng)前頁(yè)面網(wǎng)址的協(xié)議是什么，它就會(huì)自動(dòng)繼承你當(dāng)前這個(gè)網(wǎng)頁(yè)是http 還是https 牲证。
而用//google.com 這種形式寫網(wǎng)址的好處就是哮针，你不用擔(dān)心因?yàn)?https 或者h(yuǎn)ttp的寫錯(cuò)，而導(dǎo)致程序報(bào)錯(cuò)坦袍。
href 的屬性值還可以編寫我們的JS代碼十厢。
比如：
當(dāng)我們運(yùn)行這段代碼，然后點(diǎn)擊這個(gè)超鏈接的時(shí)候捂齐，頁(yè)面就會(huì)有下面的彈出框顯示蛮放。
或者，我們還可以用JS來(lái)實(shí)現(xiàn)一個(gè)點(diǎn)擊了之后奠宜，什么動(dòng)作都不會(huì)做的a 標(biāo)簽包颁。
比如下面這樣：
Q：有人可能覺得疑惑瞻想，為啥這樣就能實(shí)現(xiàn)點(diǎn)擊了之后沒有動(dòng)作發(fā)生呢？我把a(bǔ) 標(biāo)簽的href 里面的值清空娩嚼，或者設(shè)置為#號(hào)不是一樣什么都不會(huì)發(fā)生嗎蘑险？
A：
也就是說(shuō)，其他a 標(biāo)簽的寫法岳悟，不管你咋寫佃迄，它都會(huì)做一件你不想要的事情。
只有 javascript:贵少； 這樣的寫法呵俏，才是真正的實(shí)現(xiàn)，點(diǎn)擊了之后滔灶，啥都不做普碎。
id值:
點(diǎn)擊了這個(gè)鏈接之后，id值為xxx的p標(biāo)簽录平，就會(huì)顯示在頁(yè)面頂部随常。
mailto:郵箱：
這個(gè)屬性用于點(diǎn)擊了之后給這mailto: 后面的郵箱發(fā)消息。
tel:手機(jī)號(hào):
這個(gè)屬性的作用就是萄涯，當(dāng)你在手機(jī)上點(diǎn)擊這個(gè)a標(biāo)簽的時(shí)候绪氛，你手機(jī)上的撥號(hào)界面就會(huì)自動(dòng)彈出，然后這個(gè)屬性里的手機(jī)號(hào)就已經(jīng)在撥號(hào)面板上了涝影。
target:
target：此屬性用于設(shè)置你要在哪個(gè)窗口打開網(wǎng)頁(yè)枣察。
1：target="_blank " 用于到一個(gè)新窗口打開網(wǎng)頁(yè)。
2：_self：target屬性的默認(rèn)值燃逻，即在當(dāng)前頁(yè)面打開序目。
3：_top： 如果你當(dāng)前頁(yè)面里面還包含一個(gè)iframe 頁(yè)面的話，如果這個(gè)iframe 頁(yè)面里如果有一個(gè)a 標(biāo)簽的target 屬性值是 _top 的話伯襟，那我們點(diǎn)擊時(shí)猿涨，就會(huì)在包裹著iframe 頁(yè)面的最外層頁(yè)面打開這個(gè)新網(wǎng)址。
4：_parent：如果_top 是跳到最頂層的頁(yè)面的話姆怪，那_parent? 就是跳轉(zhuǎn)到包裹這個(gè)
a標(biāo)簽所在頁(yè)面上一級(jí)頁(yè)面叛赚。
target='xxx'的時(shí)候如果有一個(gè)叫xxx 的窗口，就使用這個(gè)窗口打開我這個(gè)網(wǎng)址
如果沒有的話稽揭，那我就新建一個(gè)叫做 xxx 的窗口俺附。
Q：那我這里兩個(gè)網(wǎng)址都設(shè)置的是xxx 的名字會(huì)有什么結(jié)果？
A：結(jié)果其實(shí)我上面已經(jīng)講到了溪掀。
如果有一個(gè)叫xxx 的頁(yè)面事镣，那我就在這個(gè)頁(yè)面打開網(wǎng)址。
如果沒有揪胃，我就新建一個(gè)叫做xxx 的頁(yè)面璃哟。也就是說(shuō)氛琢，其實(shí)當(dāng)比如你先 點(diǎn)擊google標(biāo)簽，然后新建一個(gè)名叫xxx 的頁(yè)面随闪。
然后我再點(diǎn)擊baidu 的那個(gè)超鏈接阳似。
之前用來(lái)打開google.com的那個(gè)頁(yè)面就變成了百度的頁(yè)面了。
也就是說(shuō)蕴掏，target設(shè)置相同名字的話，后面打開的網(wǎng)址會(huì)覆蓋掉前面打開的網(wǎng)址调鲸，在同一個(gè)頁(yè)面打開來(lái)盛杰。
img標(biāo)簽
作用：
它的效果就是將這個(gè)圖片給顯示出來(lái)。
Q：不過我這里只看到它展示了一張圖片藐石，我怎么沒有看到它在發(fā)出get請(qǐng)求呢即供？
A：我們需要打開開發(fā)者工具。
切換到Network那一欄于微，關(guān)掉Preserve log .然后刷新一下逗嫡。
就可以看到war.png 是通過GET方法獲取到的。
所以：img 標(biāo)簽會(huì)發(fā)送一個(gè)GET請(qǐng)求株依，請(qǐng)求到了之后再展示圖片驱证。
屬性：
alt ：
alt是alternative(可選擇的) 的簡(jiǎn)寫茫船。
它的作用就是纵东，如果我的圖片加載失敗了，我就顯示alt 里的內(nèi)容糟描。
測(cè)試代碼如下：
顯示結(jié)果：
height&width:
顯示結(jié)果：
如果只寫寬度荠藤，高度會(huì)自適應(yīng)伙单。反之亦然
這里因?yàn)橥瑫r(shí)指定了寬高，但是這個(gè)寬高并不是它原始的寬高比例哈肖，改變了它的比例就發(fā)現(xiàn)它就變形了吻育。而圖片變形的情況是絕對(duì)絕對(duì)要避免發(fā)生的。
事件：
這個(gè)事件是用來(lái)監(jiān)聽圖片是否加載成功淤井。
如果加載成功就調(diào)用 onload .否則布疼，調(diào)用 onerror.
測(cè)試代碼如下：
成功：
失敗：
Q：那這兩個(gè)函數(shù)到底有啥功能币狠，就給我看一下文字缎除？？
A：其實(shí)我們可以用其总寻，來(lái)在圖片加載失敗的時(shí)候 進(jìn)行挽救器罐。
比如我這里先準(zhǔn)備好這樣的一張，404.png 渐行，用于在圖片加載失敗的時(shí)候顯示
顯示效果：
響應(yīng)式：
設(shè)置了這個(gè)屬性之后轰坊，無(wú)論你怎么拖動(dòng)網(wǎng)頁(yè)铸董，這個(gè)圖片都是完整的顯示在你這個(gè)頁(yè)面上。
table標(biāo)簽
效果：
Q：像這種有兩個(gè)表頭的table 應(yīng)該怎樣編寫呢肴沫？
A：
可以看到表頭就用<th> </th> 標(biāo)簽來(lái)包裹住
完整代碼如下：
上面這段代碼的運(yùn)行結(jié)果如下：
注意：thead ,tfoot , 和tbody 這三個(gè)標(biāo)簽的順序可以隨意放置粟害，它最終顯示的排序結(jié)果還是嚴(yán)格按照頭，身子颤芬， 尾部來(lái)放置的悲幅。
table相關(guān)的樣式：
table_layout:
border-collapse：
如何去掉間隙？
加上border-collapse:collapse 就可以站蝠。
另外可以用 border-spacing屬性來(lái)控制間隔汰具。
效果：
