基礎知識點：
-----------------------------------------------------------------------------------------------------------------------------------------------
列表：
<ul></ul> 無序的列表，unordered list。
<ol></ol> 有序的列表，用的很少，ordered list。前面默認有1，2，3，4數字排列；也可設爲a,b,c,d...
table（表格）:
<table></table>爲表格，在內部通過<tr>創建行，<tr>內部通過<td>創建單元格
<table border="" width="" bordercolor="" cellspacing="0" cellpadding="10">
border屬性設爲0來隱藏表格線,默認也不顯。爲大於0的值則顯示邊框。
cellspacing:單元格與邊框、單元格與單元格之間的間距。
cellpadding：單元格里的內容與單元格之間的間距。
<tr align="left"> 設置行的內容的對齊方式；
<td align="center" valign="top"> 設置單元格的內容的對齊方式。
<th> table header 表頭，默認居中、加粗。
<rowspan> 跨了幾行
<colspan> 跨了幾列
<a>超鏈接：
將<a>的target屬性設定爲“_blank”就可以在新窗口中打開超鏈接。
<a href="http://www.google.com">谷歌網</a> . //默認也是在當前選項卡里打開
<a href="http://www.baidu.com" target="_self">百度</a> //在當前選項卡里打開頁面
<a href="http://www.baidu.com" target="_blank">百度</a> //在新選項卡里打開頁面
用name屬性爲<a>起名字：
<a name="Last">最後一頁</a>.
這樣可以通過<a href="#Last">轉到最後一頁</a> 來跳轉到超鏈接的部分。
特殊字符：HTML中< 和 >是有特殊含義的，空格是不會被顯示的。要用到特殊字符，用下面的格式：
<(小於號（記着還帶；號）)；>（大於號）； （空格）
-------------------------------------------------------------------------------------------------------------------------------------------------------------
常見樣式：
1.css計量單位：px（像素）、30%（百分比）、em（相對單位）等
2.background-color:Red;背景顏色；color：文本顏色
3.border-style: 邊框風格 solid(實線)，dotted（點）等值;
border-color: 邊框顏色
border-width: 邊框寬度（默認是0）
例子：style="border-color:Red; border-width:1px; border-style:dotted;"
4.display: 元素是否顯示
none（不顯示）
block（顯示爲塊級元素，此元素前後會帶有換行符）
inline（顯示爲內聯元素，元素前後沒有換行符）
5. cursor :鼠標在元素上時顯示的光標圖標
cursor（默認光標）
pointer（超鏈接上的手）
text（輸入Bean）
wait（忙沙漏）
help（幫助）
6. LIST-STYLE-TYPE:none li不顯示圓點，一般設在li或者ul上
7.padding: 內邊距,內容與控件之間的間距。
8.margin: 外邊距，設置一個元素所有外邊距的寬度。
9.overflow: ( visible | auto | hidden | scroll)設置當對象的內容超過其指定高度及寬度時如何管理內容
visible: 默認值，不剪切內容也不添加滾動條。
auto：在必需時對象內容纔會被裁切或顯示滾動條。
hidden :不顯示超過對象尺寸的內容。
scroll : 總是顯示滾動條
-----------------------------------------------------------------------------------------------------------------------------------------------------------------
HTML引用CSS樣式：三種方式
1.直接在HTML代碼中寫死
2.在HTML代碼中使用style，在head標籤中定義樣式
<style type="text/css">
input{background-color:Red; border-color:Green;}
p{color:Blue;}
</style>
3.單獨寫一個CSS文件，將樣式定義在此文件中，HTML文件在Head標籤中引用它.
-----------------------------------------------------------------------------------------------------------------------------------------------------------------
樣式選擇器：
1.標籤選擇器
input{ }
table{ }
2.class選擇器
<style type="text/css">
.warning{background:Yellow;}
.highlight{font-size:xx-large;cursor:help;}
</style>
...
<div class="highlight">你好</div>
<div class="highlight warning" style="background-color:Blue">你好</div>
3.標籤+class選擇器
input.accountno{text-align:right;color:Red;}
label.accountno{font-style:italic;}
...
<input class="accountno" type="text">
<label class="accountno">測試</label>
3.ID選擇器
#username
{
font-size:xx-large;
}
...
<input id="username" type="text"/>
4.僞選擇器
·爲標籤的不同狀態設定不同的樣式
A:visited 超鏈接點擊過的樣式；
A:active 選中超鏈接時的樣式；
A:link 超鏈接未被訪問時的狀態；
A:hover 鼠標移動到超鏈接時的狀態
A:visited{TEXT-DECORATION:none}
A:active{TEXT-DECORATION:none}
A:link{TEXT-DECORATION:none}
A:hover{TEXT-DECORATION:underline }
--------------------------------------------------------------------------------------------------------------------------------------------------------------
Html常用標籤
<label>
<text> maxlength、readonly等屬性
<password>
<button>
<checkbox>
<radio> 相同name屬性的爲一組，不同radio設定不同value值
<select>
<option>
<textarea> 多行文本，屬性cols、rows表示行數和列數
<fieldset> :GroupBox效果
<legend>
<table>
<div> 層： 將一塊內容包成一個方塊，實現整體隱藏、整體移動、整體修改。相當於winform中 的panel，panel移動，所有子控件一起移動。
<span> 層： 將一段內容定義成一個整體，並非矩形。
<input>
<submit> 點擊此按鈕表單就會被提交給服務器
<file> 使用file，則form的enctype必須設置爲multipart/form-data、method屬性爲POST
<image> src屬性指定圖片的地址
舉例：
1.<fieldset>
<legend>標題</legend>
<input type=”text”/>
<input type=”text”/>
</fieldset>
2.<label> 特殊用途：點擊label，獲得input焦點
<label for=”name”>姓名<input type=”text” id=”name”/>
3.<radio> 相同name的爲一組，一次只能選中其中的一個選項
<input type=”radio” name=”gender”/>男
<input type=”radio” name=”gender”/>女
<input type=”radio” name=”gender”/>保密
4.<select> 效果同ComboBox或ListBox
如果size屬性大於1就是ListBox(size值爲顯示出來的列表數量)，否則就是ComboBox(一次只顯示一個選項)。
<select multiple=”multiple”>就變成了可以多選的ListBox。
如何實現“不選擇”，添加一個<option value=”-1”>--不選擇--</option>,
然後編程判斷select選中的值如果是-1，就認爲是不選擇。
Select分組選項，可以使用optgroup對數據進行分組。
分組功能，分組標籤不能選擇
<select name="country" size="10">
<optgroup label="Africa">
<option value="gam">Gambia</option>
<option value="mad">Madagascar</option>
<option value="nam">Namiba</option>
</optgroup>
<optgroup label="Europe">
<option></option>
<option></option>
</optgroup>
</select>
---------------------------------------------------------------------------------------------------------------
播放聲音：
調用wmp的插件<embed src="歌名" loop=true autostart=true name=bgss width="" height="">
只支持IE的標籤：<bgsound src="歌名" loop="true">
---------------------- Windows Phone 7手機開發、.Net培訓、期待與您交流！ ----------------------
詳細請查看：http://net.itheima.com/