對(duì)于新手來(lái)說(shuō)星掰，HTML的框架可以可以用IDE來(lái)解決缩麸，但是標(biāo)簽的用法還是需要通過(guò)自己的理解記憶來(lái)靈活運(yùn)用

<a>標(biāo)簽

<a> 元素 (或錨元素) 可以創(chuàng)建一個(gè)到其他網(wǎng)頁(yè)夭苗、文件蚊惯、同一頁(yè)面內(nèi)的位置、電子郵件地址或任何其他URL的超鏈接佳晶。

href屬性：規(guī)定鏈接的目標(biāo)
①指向另一個(gè)站點(diǎn)（href="http://www.baidu.com"）

<a >百度</a>

②指向站點(diǎn)內(nèi)的某個(gè)文件（href="index.html"）

<a href="index.html">百度</a>
另一種<a >百度</a> 這個(gè)表示在當(dāng)前協(xié)議下打開(kāi)這個(gè)文件（.com并不一定是http協(xié)議桅狠，也可能是個(gè)文件）

③指向頁(yè)面中的錨點(diǎn)，錨點(diǎn)由id屬性或name屬性定義（href="#top"鏈接到id="top"的任意標(biāo)簽處或name="top"的a標(biāo)簽處，href="#"鏈接到頁(yè)面頂端

淘寶頁(yè)面里的返回頂部就是這樣做的

微信截圖_20180809155143.png

微信圖片_20180809155240.png

target屬性：規(guī)定在何處打開(kāi)鏈接文檔
①._blank:目標(biāo)文檔在一個(gè)新窗口中打開(kāi)（<a target="_blank"></a>）
②._self：目標(biāo)文檔在與源文檔相同的框架或者窗口中打開(kāi)中跌。沒(méi)有指定target目標(biāo)的a標(biāo)簽?zāi)J(rèn)值為_(kāi)self咨堤。
③._parent:目標(biāo)文檔在父窗口或者父框架集中打開(kāi)
④._top:會(huì)清除所有框架并在整個(gè)瀏覽器窗口中打開(kāi)(_top 需要和iframe標(biāo)簽一起用才能看到效果)

<a target="_blank">百度</a>
<a target="_self">百度</a>
<a target="_parent">百度</a>
<a target="_top">百度</a>

download屬性：下載
必須設(shè)置href屬性，download屬性才可用漩符∫淮可以為該屬性設(shè)置一個(gè)值來(lái)規(guī)定下載文件的名稱，瀏覽器會(huì)自動(dòng)檢測(cè)正確的文件擴(kuò)展名并添加到文件嗜暴。

<a download="111.jpg">下載</a>

title屬性：設(shè)置鼠標(biāo)懸停在超鏈接上時(shí)顯示的文字

<a title="這是個(gè)坑爹的下載">百度</a>

微信圖片_20180809161056.jpg

iframe 標(biāo)簽

HTML內(nèi)聯(lián)框架元素 <iframe> 表示嵌套的瀏覽上下文凸克，有效地將另一個(gè)HTML頁(yè)面嵌入到當(dāng)前頁(yè)面中。

image.png

iframe 的常用屬性：
name ： 規(guī)定 <iframe> 的名稱闷沥。
width： 規(guī)定 <iframe> 的寬度萎战。
height ：規(guī)定 <iframe> 的高度。
src ：規(guī)定在 <iframe> 中顯示的文檔的 URL舆逃。
frameborder ： 規(guī)定是否顯示 <iframe> 周圍的邊框蚂维。 (0為無(wú)邊框，1位有邊框)路狮。
align ：　 規(guī)定如何根據(jù)周圍的元素來(lái)對(duì)齊 <iframe>虫啥。　(left,right,top,middle,bottom)奄妨。
scrolling ： 規(guī)定是否在 <iframe> 中顯示滾動(dòng)條涂籽。 (yes,no,auto)

<iframe name="myiframe" src="https://google.com" frameborder="0" align="left" width="200" height="200" scrolling="no"></iframe>

name和<a>標(biāo)簽的target一起使用

<iframe name="111" src="#" frameborder="0"></iframe>
<a target="111" >QQ</a>
<a target="111" >百度</a>
(#表示當(dāng)前頁(yè)面，當(dāng)點(diǎn)擊QQ或百度時(shí)砸抛，頁(yè)面跳轉(zhuǎn)到名字是111的標(biāo)簽頁(yè)评雌，就定位到iframe里在其中打開(kāi))

另外一個(gè)就是-parent和-top

<iframe src="./index2.html" frameborder="0"></iframe>

然后創(chuàng)建另外一個(gè)index2.html文件，寫(xiě)上如下代碼(因?yàn)樯厦鎠cr的地址是當(dāng)前目錄下的锰悼，所以index2.HTML就在當(dāng)前目錄下創(chuàng)建柳骄，位置要對(duì)應(yīng))

<a target="_blank">百度1</a>
<a target="_self">百度2</a>
<a target="_parent">百度3</a>
<a target="_top">百度4</a>
這時(shí)候就能看到這幾個(gè)的區(qū)別

form標(biāo)簽

form標(biāo)簽的作用是用于將其他表單標(biāo)簽“包”起來(lái)，以便作為一個(gè)整體箕般，將用戶輸入的數(shù)據(jù)提交到服務(wù)器耐薯。
形式：
<form name=”表單名稱” action=”目標(biāo)地址(服務(wù)器文件)” method=”數(shù)據(jù)提交方式（get/post）” > 。丝里。曲初。 </form>

name：只是給該表單命名
action：設(shè)定表單數(shù)據(jù)提交給哪個(gè)文件，用于后端技術(shù)（比如php）來(lái)接受并處理數(shù)據(jù)
method: 設(shè)定數(shù)據(jù)提交方式杯聚，用于根據(jù)不同的數(shù)據(jù)需求來(lái)選擇合適的提交（傳送）方式（get/post）

input標(biāo)簽

當(dāng)用戶要在表單中鍵入字母臼婆、數(shù)字等內(nèi)容時(shí)，就會(huì)用到文本輸入框幌绍。文本框也可以轉(zhuǎn)化為密碼輸入框颁褂。這類輸入基本是要提交到服務(wù)器的故响，所以多數(shù)和form標(biāo)簽嵌套使用
語(yǔ)法

<form> <input type="text/password" name="名稱" value="文本" /></form>

1、type：
當(dāng)type="text"時(shí)颁独，輸入框?yàn)槲谋据斎肟?
當(dāng)type="password"時(shí),輸入框?yàn)槊艽a輸入框彩届。
2、name：為文本框命名
3誓酒、value：為文本輸入框設(shè)置默認(rèn)值(一般起到提示作用)樟蠕。

例
<form> 姓名： <input type="text" name="myName">
密碼： <input type="password" name="pass"></form>

4、type=“radio/checkbox”時(shí)是單選/復(fù)選框
<input type="radio/checkbox" value="值" name="名稱" checked="checked"/>
①靠柑、type:
當(dāng) type="radio" 時(shí)寨辩，控件為單選框
當(dāng) type="checkbox"時(shí)，控件為復(fù)選框
②歼冰、value：提交數(shù)據(jù)到服務(wù)器的值
③靡狞、name：為控件命名
④、checked：當(dāng)設(shè)置 checked="checked" 時(shí)停巷，該選項(xiàng)被默認(rèn)選中

例

image.png

注意:同一組的單選按鈕耍攘，name 取值一定要一致榕栏，比如上面例子為同一個(gè)名稱“radioLove”畔勤，這樣同一組的單選按鈕才可以起到單選的作用。

button標(biāo)簽

<button name="button" type="button">Click me</button>
name：規(guī)定按鈕的名稱扒磁。

type：button的類型庆揪。
可選值：
submit: 此按鈕提交表單數(shù)據(jù)給服務(wù)器。未指定時(shí)妨托，此值為默認(rèn)值缸榛，或者如果此屬性動(dòng)態(tài)變?yōu)榭罩祷驘o(wú)效值。
reset: 此按鈕重置所有組件為初始值兰伤。
button: 此按鈕沒(méi)有默認(rèn)行為内颗。它可以有與元素事件相關(guān)的客戶端腳本，當(dāng)事件出現(xiàn)時(shí)可觸發(fā)敦腔。

• menu: 此按鈕打開(kāi)一個(gè)由指定<menu>元素進(jìn)行定義的彈出菜單均澳。

table標(biāo)簽

<table border=1>
<tfoot>
<tr>
<td>總計(jì)</td>
<td>數(shù)據(jù)</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>數(shù)據(jù)</td>
<td>數(shù)據(jù)</td>
</tr>
</tbody>
<thead>
<tr>
<th>表頭</th>
<th>表頭</th>
</tr>
</thead>
</table>

A、thead標(biāo)簽:組合表格的表頭內(nèi)容
B符衔、tbody標(biāo)簽:組合表格的主體內(nèi)容
C找前、tfoot標(biāo)簽:組合表格的頁(yè)腳/腳注內(nèi)容
thead、tfoot 以及 tbody 元素對(duì)表格中的行進(jìn)行分組,方便控制表格的表現(xiàn)判族。這幾個(gè)標(biāo)記主要是用于提高table標(biāo)簽的加載以及顯示的,即分部加載,不用等到整個(gè)表格加載完再顯示單元格數(shù)據(jù)