|
|
|
|
|
|
|
<html> |
|
<head> |
|
<title>b标签练习1</title> |
|
</head> |
|
<body> |
|
|
|
|
|
|
|
|
|
<ol> |
|
<li>爱</li> |
|
<li>青苹果乐园</li> |
|
<li>蝴蝶效应</li> |
|
<li>芙蓉姐夫</li> |
|
<li>水煮鱼</li> |
|
</ol> |
|
|
|
<ul> |
|
<li>爱</li> |
|
<li>青苹果乐园</li> |
|
<li>蝴蝶效应</li> |
|
<li>芙蓉姐夫</li> |
|
<li>水煮鱼</li> |
|
</ul> |
|
|
|
|
|
<ul type="A"> |
|
<li>爱</li> |
|
<li>青苹果乐园</li> |
|
<li>蝴蝶效应</li> |
|
<li>芙蓉姐夫</li> |
|
<li>水煮鱼</li> |
|
</ul> |
|
|
|
|
|
<table border="1" height="200" width="450"> |
|
<tr align=center > |
|
|
|
<td><strong>姓名</strong></td> |
|
<td><strong>性别</strong></td> |
|
<td><strong>工资</strong></td> |
|
|
|
</tr> |
|
<tr> |
|
<td>张三</td> |
|
<td>男</td> |
|
<td>10000</td> |
|
</tr> |
|
<tr> |
|
<td>李四</td> |
|
<td>男</td> |
|
<td>10000</td> |
|
|
|
</tr> |
|
<tr> |
|
<td>王五</td> |
|
<td>男</td> |
|
<td>10002</td> |
|
|
|
</tr> |
|
<tr> |
|
<td>舒翠</td> |
|
<td>女</td> |
|
<td>15000</td> |
|
</tr> |
|
|
|
</table> |
|
|
|
|
|
|
|
|
|
<table border="1" cellpadding="30"> |
|
<tr > |
|
<td>姓名</td> |
|
<td>性别</td> |
|
<td>工资</td> |
|
</tr> |
|
<table /> |
|
|
|
<table border="1" cellspacing="30"> |
|
<tr > |
|
|
|
<td>姓名</td> |
|
<td>性别</td> |
|
<td>工资</td> |
|
|
|
</tr> |
|
<table /> |
|
|
|
|
|
|
|
<table border="1" > |
|
<thead> |
|
<tr> |
|
<th>姓名</th> |
|
<th>性别</th> |
|
<th>工资</th> |
|
|
|
</tr> |
|
</thead> |
|
|
|
<tr> |
|
<td>张三</td> |
|
<td>男</td> |
|
<td>10000</td> |
|
</tr> |
|
<tr> |
|
<td>李四</td> |
|
<td>男</td> |
|
<td>10000</td> |
|
|
|
</tr> |
|
<tr> |
|
<td>王五</td> |
|
<td>男</td> |
|
<td>10002</td> |
|
|
|
</tr> |
|
<tfoot> |
|
<tr> |
|
<th>舒翠</th> |
|
<th>女</th> |
|
<th>15000</th> |
|
</tr> |
|
</tfoot> |
|
</table> |
|
|
|
|
|
|
|
|
|
|
|
<table border="1" height="175" width="400"> |
|
<caption>这是一个表格</caption> |
|
<tr> |
|
<td align=center colspan="3"><b>学生基本情况</b></td> |
|
</tr> |
|
<tr align=center> |
|
<td><strong>姓名</strong></td> |
|
<td><strong>性别</strong></td> |
|
<td><strong>专业</strong></td> |
|
</tr> |
|
<tr> |
|
<td>刘备</td> |
|
<td>男</td> |
|
<td rowspan="3">计算机</td> |
|
</tr> |
|
<tr> |
|
<td>张飞</td> |
|
<td>男</td> |
|
</tr> |
|
<tr> |
|
<td>诸葛亮</td> |
|
<td></td> |
|
</tr> |
|
|
|
|
|
</table> |
|
</body> |
|
</html> |
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<html> |
|
<head> |
|
<title>表单</title> |
|
</head> |
|
<body> |
|
<form action="http://www.baidu.com/a.aspx" method="get"> |
|
<table border="1"> |
|
<tr> |
|
<td>姓名:</td> |
|
<td><input name="txtName" type="text" value="王小明"/></td> |
|
</tr> |
|
<tr> |
|
<td>邮箱:</td> |
|
<td><input name="txtEmail" type="text" value="sfjslf@qq.com"/></td> |
|
</tr> |
|
<tr> |
|
<td>密码:</td> |
|
<td><input name="txtPassword" type="password"/></td> |
|
</tr> |
|
<tr> |
|
<td>确认密码:</td> |
|
<td><input name="txtConfirmPassword" type="password"/></td> |
|
</tr> |
|
<tr> |
|
<td>性别:</td> |
|
<td><input type="radio" name="gender" value="male">男 |
|
<input type="radio" name="gender" value="female" />女</td> |
|
</tr> |
|
<tr> |
|
<td>兴趣爱好:</td> |
|
<td> |
|
<input name="hobby" type="checkbox" value="1"/> 篮球 |
|
<input name="hobby" type="checkbox" value="2"/>跑步 |
|
<input name="hobby" type="checkbox" value="3"/>看书看报 |
|
<input name="hobby" type="checkbox" value="4"/>吃东西 |
|
<input name="hobby" type="checkbox" value="5"/>旅游 |
|
</td> |
|
</tr> |
|
<tr> |
|
<td>所在地区:</td> |
|
<td> |
|
省: |
|
<select name="province" multiple="multiple" size="4"> |
|
<option value="1">黑龙江</option> |
|
<option value="2">吉林</option> |
|
<option value="3">武汉</option> |
|
<option value="11">襄阳</option> |
|
<option value="1">黑龙江</option> |
|
<option value="2">吉林</option> |
|
<option value="3">武汉</option> |
|
<option value="11">襄阳</option> |
|
</select> |
|
市: |
|
<select> |
|
<optgroup label="襄阳"> |
|
<option value="101">宜城</option> |
|
<option value="102">枣阳</option> |
|
<option value="103">老河口</option> |
|
<option value="104">谷城</option> |
|
<option value="105">南漳</option> |
|
<optgroup label="武汉"> |
|
<option value="121"武昌区</option> |
|
<option value="122">汉阳区</option> |
|
<option value="123">汉口</option> |
|
<option value="124">江夏区(05)</option> |
|
<option value="125">洪山区(06)</option> |
|
</optgroup> |
|
|
|
</select> |
|
</td> |
|
</tr> |
|
|
|
<tr> |
|
|
|
<td colspan="2" style="heght:80px;"> |
|
<fieldset style="height:50px;"> |
|
<legend>请选择你感兴趣的内容:</legend> |
|
<input name="hobby" type="checkbox" value="1"/> 数据库 |
|
<input name="hobby" type="checkbox" value="2"/>网络 |
|
<input name="hobby" type="checkbox" value="3"/>web开发 |
|
<input name="hobby" type="checkbox" value="4"/>移动开发 |
|
</fieldset> |
|
|
|
|
|
</td> |
|
|
|
</table> |
|
|
|
|
|
</form> |
|
</body> |
|
|
|
</html> |
详细知识点:www.w3cschool 、菜鸟教程