---------------------- ASP.Net+Unity開發、.Net培訓、期待與您交流！ ----------------------
html內容
一，介紹
1,html就是超文本標記語言的簡寫，是最基礎的網頁語言
2，html是通過標籤來定義的語言，代碼都是由標籤所組成
3，html代碼不用區分大小寫
4,html代碼由<html>開始，</html>結束，裏面由頭部分<head></head>和體部分<body></body>兩部分組成
5，頭部分是給html頁面增加一些輔助或者屬性信息，它裏面的內容會最先加載
6，體部分是真正存放頁面數據的地方，
·多數標籤都是有開始標籤和結束標籤，其中有個別標籤因爲只有單一功能，或者沒有要修飾的內容可以在標籤內結束
·想要對被標籤修飾的內容進行更豐富的操作，就用到了標籤中的屬性，通過對屬性值的改變。增加了更多的效果選擇。
·屬性與屬性之間用“=”連接，屬性值可以用雙引號或者不用引號，一般都會用雙引號雙引號可以嵌套單引號。或公司規定書寫規範。
·格式：<標籤名 屬性名＝＇屬性值＇>數據內容<／標籤名>＜標籤名 屬性名＝＇屬性值＇ ／＞
操作思想：
爲了操作數據，都需要給數據進行不同標籤的封裝，通過標籤中的屬性對封裝的數據進行操作。標籤就相當於一個容器。
對容器中的數據進行操作，就是在不斷的改變容器的屬性值。
字體：
1，字體標籤：<font></font>其中常用的屬性有size 和 color
2，標題標籤：<h1></h1><h2></h2><h3....<h6></h6>
3,特殊字符：
< : <(lower than) > : > & : &
" : " : 空格
二，列表
4,列表標籤:
1,<dl></dl>(define list)
<dt></dt>:定義上層項目
<dd></dd>定論下層項目
2,數字列表標籤
<ol></ol> 其屬性有:type="數字,字母" start="type的起始位,"
<li></li>
<ol type="1" start="1">
<li>數字標籤列表</li>
<li>數字標籤列表</li>
<li>數字標籤列表</li>
<li>數字標籤列表</li>
<li>數字標籤列表</li>
</ol>
3,符號列表標籤
<ul></ul>其屬性有:type="符號 " start="type的起始位,"
<li></li>
如:
<ul type="circle">
<li>符號列表</li>
<li>符號列表</li>
<li>符號列表</li>
<li>符號列表</li>
<li>符號列表</li>
</ul>
註釋:<!--文字-->html中的註釋
三，圖像
水平線標籤:<hr/>中的屬性有color size
1,圖片標籤<img>
屬性:src="路徑" alt="圖形說明文字" height="高" width="寬" border="邊框"
2,可以利用dreamweaver軟件來中的設計視圖來繪製圖片地圖
表格
1,表格標籤:<table></table>
表格標題:<caption></caption>
表頭標籤:<th></th>
行:<tr></tr> 屬性:colspan="合併列" rowspan="合併行"
單元格:<td></td> 中的屬性:align="數據的位置"
table標籤 屬性:border="框線" bordercolor="框線着色" width="佔瀏覽器的百分比或像素值" cellspacing="單元格和單元格間的距離當爲0時會併合成一條線"
cellpadding="數據距單元格框線的距離(內邊距)"
2, 單元格也自己的單元格框線,最外面的的框線就是表格框線
3, <tbody></tbody>標籤
4,層次關係 table > tbody > tr > td,th
四，超鏈接（使用get提交）
1,標籤<a></a>
屬性:
,href="要鏈接的地址 "
href中可以寫的:
mailto(郵件引擎):郵箱地址?參數信息(參數名=內容)多個參數信息用&連接
thunder://(迅雷引擎)"
默認文件引擎
,target="打開方式"
2,可以利用<a>標籤跳轉到指定的位置
<a name="top"></a>來定義標記
<a href = "#top"></a>來跳轉到指定的位置
五，表單
1,標籤:
表單標籤:<form></from>需要與服務端進行交互時才寫這個標籤
屬性：action="指向一個網絡地址"
method="提交方式get或post"
輸入標籤:<input /> 一定要添加name和value屬性以便提交給服務端
屬性:type="根據type的取值可以體現許多組件的效果
可以取的值: text:文本框 password:密碼框 radio:單選框 checkbox:複選框 file:選擇文件 button:按鈕 submit:提交 reset:重置 hidden:封裝隱藏信息 image:圖片也有提交效果"
當type的值取radio時,還必須添加一個name屬性value,此name屬性的值可以是任意的,但是必須保證在一個組裏
當type的取值爲text,password時要加入name屬性
當type的取值爲checkbox,hidden時,要加入name ,value兩個屬性
當type的值取button時,還必有添加一個value屬性,此value屬性的值可以是任意,就是給此按鈕取一個名字
當type的值取image時,還要加一個src屬性來連接一個圖片
提交方式：(默認是get提交)
get:提交的信息會顯示在地址欄上，對於提交敏感信息不安全，瀏覽器地址欄的存儲數據大小是有限的ie只能存儲2083，封裝在消息頭前面 編碼不太方便
post: 提交信息安全，可以提交大數據 將數據封裝到數據體後面 編碼方便
六，下拉菜單
1,標籤
下拉菜單<select></select>屬性:name的值可以自定義 multiple="multiple"信息顯示在一個框內,可以使用size來指定要列出的個數,如果沒有指定默認全部
子菜單:<option></option>屬性:value的可以自定義,當value取none時,,此時爲下拉菜單的默認內容
七，文體區
1,標籤<textarea></textarea>屬性：cols列，rows行
十，區域設置
1，標籤<fieldset></fieldset> 將某一區域畫線，<legend></legend>在此區域上加字
十一，快捷鍵標籤
1，標籤：<label></label>
屬性： for:指定快捷鍵作用的表單元素，必須與要作用的表單元素的id值相同 使用此屬性時要在input標籤中加入id屬性
accesskey:指定快捷鍵，此快捷鍵需要和alt鍵組合使用
當引標籤作用到一行時，鼠標只要點擊這一行時，光標就可以在文本框上。
八，其它標籤
1，pre標籤，保留數據原樣，可以在裏面寫入代碼
2，br標籤，換行
3，b標籤加粗 i 標籤斜體 sub下標 sup上標
4，marquee標籤，，此標籤可以實現滾動 屬性：direction運動方向 behavior：運行的方式slide:下來就落地了
十三,頭標籤
1，<base></base>屬性：href:指定網頁中所有的超鏈接的目錄，可以是本地目錄，也可以是網絡目錄，注意：值得結尾處一定要用/表示目錄，只作用於相對路徑的超鏈接文件
target:指定打開超鏈接的方式，如：_blank 表示所有的超鏈接都用新窗口打開顯示
2，<meta></meta>標籤屬性：name：網頁的描述信息，，當取keywords時，content屬性的內容就作爲搜索引擎的關鍵字進行搜索
http-equiv:模擬http協議的響應消息頭
<meta http-equiv="refresh" conntent="3;url=http://www.sina.com.cn" />表示打開此頁面3秒後自動轉到新浪頁面
3，<link />:
屬性：rel:描述目標文檔與當前文檔的關係
type:文檔類型
href:文件地址
media:指定目標文檔在哪種設備上起作用 screen,print屏幕和打印機
XHTML XML（可以自定義標籤，語法嚴格 國際流行）
XHTML是可以擴展的超文本標記語言（Extensible hyperText Markup Language）
·XHTML是w3c組織在2000年的時候爲了增強html推出的，本來是想替代html但是發現Internet上用html寫的網頁太多，未遂，可以理解爲它是html一個升級版（html4.01）
·XHTML的代碼結構更爲嚴謹，是基於XML的一種應用 XML是可擴展標記語言（Extensible Markup Language）
·XML是對數據信息的描述，html是數據顯示的描述
·XML代碼規定的更爲嚴格，如：標籤不結束被視爲錯誤
·XML規範可以被更多的應用程序所解釋，將成爲一種通用的數據交換語言
·各個服務器，框架都將XML作爲配置文件
<!：註釋 DOCTYPE：文檔聲明類型 html：通常和根標籤名一至只有一個 PUBLIC：國際很多規範所定義的關鍵字大型國際化組織定義的，另外一個關鍵字stystem一些小型組織制定的
"-//W3C//DTD XHTML 1.0 Transitional過度版//EN"
"http://www.w3.org/TR/xhtml1/DTD/ ：文件所屬的空間xhtml1-transitional.dtd">
<html xmlns：名稱空間="http://www.w3.org/1999/xhtml">
擴展：
dtd文件：對標記型文檔進行約束的文件，約束文檔文件
九，html回顧
1，html語言中是由標籤組成的
2，html中的數據都會封裝在標籤中，因爲可以通過標籤中的屬性值的改變對封裝內數據進行操作
3，確定html代碼範圍<html></html>在該範圍中可以定義兩部分內容 一部分是頭一部分是體
<html>
<head>網頁的一些屬性信息，比如:標題</head>
<body>網頁顯示的數據</body>
</html>
4，標籤的特點：對於數據進行封裝，那麼就有開始標籤和結束標籤，但是也有一引起標籤只體現單一功能，所以不需要結束標籤，規範中要求標籤
必須要結束。如:,<br /> <hr /> <img /> <input />
5,標籤格式 ：<標籤名 屬性名=“屬性值”>數據</標籤名>
<標籤名 屬性名=“屬性值” />
6,常見標籤 ：
字體：<font></font> 如：<font size="5" color="#ffff00">數據</font>
如果要在頁面顯示 一引起特殊符號民，需要進行轉義。<:< >:> &:& 空格:
標題：<h1></h1><h2></h2>
列表標籤：<dl></dl>
上層項目：<dt></dt>
下層項目：<dd><dd>會自動縮進
項目符號標籤：這兩個標籤中的列表項都由<li>標籤封裝 會自動縮進
<ul>:圖形
<ol>：數字
圖像標籤：<img />
<img src="路徑" alt="圖像說明文字" />
表格標籤：<table></table>
標題標籤：<caption>
表格由行所組成，行由單元格組成。表格中默認都有一個tbody標籤
<table border="1" bordercolor="red" width="69%" cellpadding="10" cellspacing="0">
<tr>
<th></th>
<td></td>
</tr>
</table>
表格是最常用的標籤，用於對數據進行格式化的
超鏈接：<a></a>
<a href="鏈接路徑" target="_blank" title="顯示標題">鏈接</a>
當被點擊後，會啓動引擎對應解析程序。去查找指定主機，
1，先找本地主機的host文件，如果沒有找到該主機對應的ip地址
2，去公網dns服務器上找對應的ip地址
郵箱協議：matilto：[email protected]?subject=hshs&[email protected]
迅雷協議：thunder:文件路徑
超鏈接的另一個作用：
定位標記：<a name="top">一個位置</a>不能點，只有具備href屬性時纔可以點
<a href="#top">獲取那個位置</a>
表單標籤：<form></form>
該標籤是可以和服務端進行交互的
表單標籤中元素：
<input>:該標籤因爲type屬性的值的不同，所對應的組件也不一樣
type屬性：
1，text:文本框，輸入的文本是可見的
2,password;密碼框，輸入的文本不可見。
3,radio:單選框，注意：要被 選 中，必須要給單選框定義一個name屬性，當有多個單選框時，只能有一個單選中，那麼這些單選框的name值必須相同
4,checkbox;複選框，當對多個數據進行同時選中時
5,submit:提交按鈕，將組件中添加的數據提交到指定的目的地
6,reset:重置按鈕，將組件中被操作的效果還原到初始狀態
7，file:可以進行文件選擇的組件，通常用於附件，或者文件上傳
8，hidden:隱藏組件，該組件的不會頁面上顯示，但是其定義的name和value可以提交到服務端
9,button：按鈕組件，自定義一個按鈕默認是沒有任何效果的，可以通過註冊事件並加入自定義效果
10，image:圖像組件，爲了避免提交按鈕的難看，可以通過image的src屬性鏈接一個好看的按鈕圖片完成提交效果
下拉菜單：<select></select>
每一個下拉菜單項都有option進行封裝
文本區域:<textarea></textarea>
表單組件通常都需要定義name和value屬性，因爲要將數據發送給服務端。服務端只有知道了該name的值纔可以對提交的數據進行分別獲取
form 標籤中的常見屬性：
action:指定數據提交的目的地，
method:提交方式。兩種常用值:get和post get爲默認
get和post 區別：
get:會將提交的數據顯示在地址欄上 提交數據的體積受地址欄的限制 對敏感信息不安全 會將提交信息封裝在請求行，也就是http消息頭之前
post:不會將數據顯示到地址欄上可以提交大體積數據
對敏感信息安全 會將提交信息封裝在數據中，也就是http消息頭之後的空行後
對於服務端而言：
表單提交儘量用post 因爲涉及到編碼問題。因爲tomcat服務端默認的解碼是iso8895-1
對於post提交的中文，在服務端可以 直接使用setCharacterEncoding("gbk")就可以解決
對於get提交的中文，在服務端只能通過ios8895-1將數據編碼一次，在通過指定的編碼表如gbk解碼
使用表單的組件不一定要定義form標籤，只有需要將數據進行服務端的提交時候纔會用到form標籤