一、HTML中的一些標(biāo)簽
1、select：中的每一項用option表示。如果size屬性設(shè)置為1就是Combobox。如果大于1就是ListBox。(Size的值為顯示出來的列表數(shù)量)。通過設(shè)option中的selected屬性設(shè)置某一項被選中。option可以放在optgroup中，對項進(jìn)行分組。
2、textarea：多行文本，可以設(shè)置cols和rows屬性控制列和行。
3、hr：分割線
4、lable：設(shè)置其for屬性，可以對某個控件進(jìn)行關(guān)聯(lián)。
例如：
<lable for="name">姓名</lable><input id="name" type="text"/>當(dāng)用戶點擊“姓名”標(biāo)簽的時候，焦點會切換到文本框讓用戶輸入。
5、fieldset：相當(dāng)于WINFORM中的GroupBox的效果。
6、br：換行(內(nèi)容之間沒行距)，p：分段(內(nèi)容之間有行距)
7、div：矩形區(qū)域塊，將內(nèi)容放到其中，可以對其進(jìn)行整體操作。相當(dāng)于WINFORM中的Panel。
8、div與是span的區(qū)別：div是將內(nèi)容放到一個矩形塊中，會影響布局；而span只是把一段內(nèi)容定義成一個整體進(jìn)行操作，不影響布局顯示。
二、表單
1、input：標(biāo)簽各種類型的控件，type屬性。
2、使用file，則form的enctype必須設(shè)置為multipart/form-data，method屬性為POST。
三、HTML中的特殊字符
1、  表示空格。
2、<：小于(<) >：大于(>)
3、pre：中的內(nèi)容可以按照自己書寫的格式顯示(特殊字符除外)。
四、其他
1、"/":表示網(wǎng)站的根目錄，"../"表示父目錄，"./"或者不寫任何斜線表示相對于當(dāng)前路徑的目錄。
2、a標(biāo)簽的target屬性設(shè)定為"_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>注冊協(xié)議</title>
<meta charset="utf-8"/>
</head>
<body>
<textarea rows="10" cols="50"> 同意我們的注冊協(xié)議后你的錢就是我們的了。
</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>
