div
本身沒有任何特殊語義，只是用來劃分區(qū)塊的容器，可以通過添加CSS來設(shè)置樣式
span
本身沒有任何特殊語義醉拓，可以使用它來編組元素以達到某種樣式意圖（通過使用類或者Id屬性），span與div元素很相似倒戏，但是div是一個塊級元素 span則是行內(nèi)元素怠噪。
a
a元素 可以創(chuàng)建一個到其他網(wǎng)頁、文件杜跷、同一頁面內(nèi)的位置傍念、電子郵件地址或任何其他URL的超鏈接。
常用屬性
target 屬性
_blank 新窗口打開
_self 當(dāng)前窗口打開
_parent 父窗口打開
_top 根 父窗口打開
download屬性
添加之后點擊直接下載
是否可下載是根據(jù)接受數(shù)據(jù)的類型判斷 或者a標(biāo)簽強制指定
herf屬性
a標(biāo)簽跳轉(zhuǎn)頁面 get請求
<a herf="qq.com">
錯誤寫法 無法進入網(wǎng)站 只會被當(dāng)成文件路徑
<a herf="http://qq.com">
瀏覽器會默認為當(dāng)前協(xié)議
<a herf="#sdsad">
寫錨點會實現(xiàn)頁面內(nèi)的跳轉(zhuǎn) 不發(fā)出任何請求
<a herf="葛闷？xxx：yyy">
直接加在當(dāng)前頁面的后面 會發(fā)起一個get請求
<a herf="JavaScript:;"> 偽協(xié)議
點擊之后直接運行js代碼里面的內(nèi)容
當(dāng)js內(nèi)為空時 什么都不發(fā)生
form
表單提交 表示了文檔中的一個區(qū)域憋槐，這個區(qū)域包含有交互控制元件淑趾，用來向web服務(wù)器提交信息评矩。
屬性
method：設(shè)置請求動詞 一般是POST
name：設(shè)置第四部分數(shù)據(jù)的屬性
關(guān)于提交按鈕
form 標(biāo)簽中一定要有一個提交按鈕 否則無法提交數(shù)據(jù)
你可以在input 或者 button 中設(shè)置type屬性為 submit 來設(shè)置 為提交按鈕
或者如果form有且只有一個按鈕 button 那么就算沒有設(shè)置type屬性也會被默認為提交按鈕
input
用于為基于Web的表單創(chuàng)建交互式控件，以便接受來自用戶的數(shù)據(jù)
通過設(shè)置type屬性改變樣式
常用的屬性有
text checkbox radio password
checkbox 復(fù)選框
<input type="checkbox" name="" id="xxx"><label for="xxx">123</label>
選擇框 input中的 id 和 label中的 for 關(guān)聯(lián) 可是實現(xiàn) 點擊label中的文本也能選擇
兩個相關(guān)聯(lián)以后 不管input是是什么屬性都可以達到相同的效果
老司機寫法： 把input標(biāo)簽放到label里面 就不需要設(shè)置id 和for了
radio屬性 設(shè)置單選框
如果兩個單選框 有同一個name的話只有一個能被選中
<label for=""><input name="1" type="radio" value="yes"></label>
<label for=""><input name="1" type="radio" value="no"></label>
select 標(biāo)簽 下拉框
<select name="group" id="">
<option value="1">1</option>
<option value="2">2</option>
<option value="3" disabled>3</option>
<option value="4" selected>4</option>
</select>
name 提交數(shù)據(jù)用的
disabled 無法被選中
selected 默認被選中
按住ctrl或者shift 可多選
<textarea name="" id="" style="resize: none;width: 100px;height: 100px" cols="30" rows="10">
</textarea>
自定義文本輸入框 可自由拉升長寬 但是可以通過css設(shè)置固定長寬
button
表示一個可點擊的按鈕义起，可以用在表單或文檔其它需要使用簡單標(biāo)準(zhǔn)按鈕的地方
type ：submit 為提交按鈕
p
表示文本的一個段落。該元素通常表現(xiàn)為一整塊與相鄰文本分離的文本勺美，或以垂直的空白隔離或以首行縮進占卧。另外叭喜，<p> 是塊級元素。
ul
與li一起使用 表示 無序的列表
ol
與li一起使用 表示有序的列表
