HTML基础标签 - 走看看

标签 div;br;p

自从厌倦于追寻，
我已学会一觅即中；
自从一股逆风袭来，我已能抗御八面来风，
驾舟而行。

当心！他一沉思，就立即准备好了一个谎言。

1 <p>&nbsp;</p>
2 <div style=" 400px; border: 2px solid green;">
3 <p>自从厌倦于追寻，<br />我已学会一觅即中；<br />自从一股逆风袭来，我已能抗御八面来风，<br />驾舟而行。</p>
4 <p>当心！他一沉思，就立即准备好了一个谎言。</p>
5 </div>

标签 select

1 <select>
2 <option value="1">北京</option>
3 <option selected="selected" value="2">上海</option>
4 <option value="3">广州</option>
5 <option value="4">深圳</option>
6 <option value="5">郑州</option>
7 </select>
8 <!-- selected="selected" value="2" 默认选择这一项，发送到后端发送"2" -->

1 <select size="2" multiple="multiple">
2 <option>北京</option>
3 <option>上海</option>
4 <option>广州</option>
5 <option>深圳</option>
6 <option>郑州</option>
7 </select>
8 <!--size="2" multiple="multiple"  默认显示2行，multiple支持复选-->

 1 <select size="5" multiple="multiple"> 
 2     <optgroup label="河南"> 
 3         <option>洛阳</option> 
 4         <option>信阳</option> 
 5     </optgroup> 
 6     <optgroup label="北京"> 
 7         <option>朝阳区</option> 
 8         <option>东城</option> 
 9         <option>海淀区</option>
10      </optgroup> 
11  </select>
12 <!--optgroup label="河南" 分组，multiple支持复选-->

标签 a(链接跳转);

侠之大者kamil(博客园)

1 <a href="http://www.cnblogs.com/kamil/" target="_blank">侠之大者kamil(博客园)</a>

跳转到插图（name）

1 <a href="#tp">跳转到插图</a>

input 系列标签

多选

1 <p><input type="checkbox" /></p>
2 <p><input type="checkbox" /><input type="checkbox" /><input type="checkbox" /></p>

单选

男

女

1 <h4>单选</h4> 
2 <input type="radio" /> 
3 <p><input type="radio" name="gender" /> 男</p> 
4 <p><input type="radio" name="gender" /> 女</p>

input属性之type="text"; "password"; "button"; "submit";"file"

账号

密码

<p>账号 <input type="text" /></p>
<p>密码 <input type="password" /></p>
<p><input type="button" value="确定" /></p>
<p><input type="submit" value="提交" /></p>
<p><input type="file" value="选择文件" /></p>

form ; submit

iiii

姓名

第一章
第二章
第三章

第一章
第二章
第三章

第一章: 第1节; 第2节

第二章: 第1节; 第2节

第一列	第二列	第三列	第四列
1	2	3	4
11	22	33	44
111	222	333	444

第一列	第二列	第三列	第四列
1	2	3	4
11;22		33	44;444
111	222	333	44;444