一、HTML中的一些標簽
1、select：中的每一項用option表示。如果size屬性設置為1就是Combobox。如果大于1就是ListBox。(Size的值為顯示出來的列表數量)。通過設option中的selected屬性設置某一項被選中。option可以放在optgroup中，對項進行分組。
2、textarea：多行文本，可以設置cols和rows屬性控制列和行。
3、hr：分割線
4、lable：設置其for屬性，可以對某個控件進行關聯。
例如：
<lable for="name">姓名</lable><input id="name" type="text"/>當用戶點擊“姓名”標簽的時候，焦點會切換到文本框讓用戶輸入。
5、fieldset：相當于WINFORM中的GroupBox的效果。
6、br：換行(內容之間沒行距)，p：分段(內容之間有行距)
7、div：矩形區域塊，將內容放到其中，可以對其進行整體操作。相當于WINFORM中的Panel。
8、div與是span的區別：div是將內容放到一個矩形塊中，會影響布局；而span只是把一段內容定義成一個整體進行操作，不影響布局顯示。
二、表單
1、input：標簽各種類型的控件，type屬性。
2、使用file，則form的enctype必須設置為multipart/form-data，method屬性為POST。
三、HTML中的特殊字符
1、  表示空格。
2、<：小于(<) >：大于(>)
3、pre：中的內容可以按照自己書寫的格式顯示(特殊字符除外)。
四、其他
1、"/":表示網站的根目錄，"../"表示父目錄，"./"或者不寫任何斜線表示相對于當前路徑的目錄。
2、a標簽的target屬性設定為"_blank"就可以在新窗口中打開超鏈接。
五、Demo
登陸頁面
登陸頁面
<html >
<head>
<title>登陸頁面</title>
<meta charset="utf-8"/>
</head>
<body>
<table border="1">
<tr>
<td><label for="userName">用戶名：</label></td>
<td><input id="userName" type="text"/></td>
</tr>
<tr>
<td><label for="userPW">密碼：</label></td>
<td><input id="userPW" type="password"/></td>
</tr>
<tr>
<td><label for="authcode">驗證碼：</label></td>
<td><input id="authcode" type="text" /><img src="authcode.png" title="驗證碼" alt="驗證碼" /></td>
</tr>
<tr>
<td colspan="2">
<input id="remberPW" type="checkbox"/>
<label for="remberPW">記住密碼</label>
</td>
</tr>
<tr>
<td colspan="2">
<input id="login" type="submit" value="登陸"/>
</td>
</tr>
</table>
</body>
</html>
注冊頁面
注冊
<html>
<head>
<title>注冊協議</title>
<meta charset="utf-8"/>
</head>
<body>
<textarea rows="10" cols="50"> 同意我們的注冊協議后你的錢就是我們的了。
</textarea>
<p><a href="demo3.html">同意</a></p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>注冊頁面</title>
<meta charset="utf-8"/>
</head>
<body>
<table border="1">
<tr>
<td><label for="userName">用戶名：</label></td>
<td><input id="userName" type="text" /></td>
</tr>
<tr>
<td><label for="province">省份：</label></td>
<td>
<select id="province">
<option>北京</option>
<option>天津</option>
<option>上海</option>
</select>
</td>
</tr>
<tr>
<td colspan="2">
<fieldset >
<legend>愛好</legend>
<input type="checkbox" id="ds"/><label for="ds">登山</label>
<br/>
<input type="checkbox" id="lq"/><label for="lq">籃球</label>
<br/>
<input type="checkbox" id="zq"/><label for="zq">足球</label>
</fieldset>
</td>
</tr
</table>
</body>
</html>
