一、基础
<body>
<font size="45" color="#FF0000"><strong>4.表单</strong></font><br/>
<form>
文本框<input type="text" value="123"/><br/>
密码框<input type="password" /><br/>
文本域<textarea cols="35" role="5">
</textarea><br/>
<input type="submit" value="提交" /><br/>
<input type="reset" value="重置" /><br/>
<input type="button" value="登陆" /><br/>
<input type="image" src="素材/n1 (2).png" width="50" /><br/>
<input type="radio" name="sex" />男<br/>
<input type="radio" name="sex" />女<br/>
<input type="checkbox" checked="checked" disabled="disabled"/>鸡腿<br/>
<input type="checkbox" checked="checked"/>可乐<br/>
<input type="checkbox" checked="checked"/>爆米花<br/>
<input type="file" value="上传" /><br/>
<select size="1">
<option>可口可乐</option>
<option>百事可乐</option>
<option selected="selected">崂山可乐</option>
</select>
</form>
</body>
</html>
二、网页其他小知识
<body>
<font size="45" color="#FF0000"><strong>1.图片热点：规划出图片上的一个区域，可以做出超链接，直接点击图片区域就可以完成跳转的效果。：</strong></font><br/>
<img src="素材/n0.jpg" usemap="map" />
<map name="map">
<area shape="circle" coords="401,184,50" href="http://www.baidu.com/" />
<area shape="rect" coords="310,388,564,548" href="http://www.360.com" />
</map>
<font size="45" color="#FF0000"><strong>2.网页划区：在一个网页里，规划出一个区域用来展示另一个网页的内容</strong></font><br/>
<div style="height:300px; 600px; border:1px #FF0000 solid">
<iframe width="600px" height="300px" src="http://www.360.com" frameborder="1"></iframe>
</div>
<br/>
<font size="45" color="#FF0000"><strong>3.网页的拼接</strong></font><br/>
<font size="45" color="#3333FF">上标下标<br />
ax<sup>2</sup>+bx+c=0<br />
(a+b)<sup>2</sup>=a<sup>2</sup>+b<sup>2</sup>+2ab<br />
2H<sub>2</sub>+O<sub>2</sub>=2H<sub>2</sub>O<br />
</font>
<p align="center" style="text-shadow:0.1em 3px 6px #666666;font-size:80px">阴影：北国风光，千里冰封，万里雪飘.</p>
<img src="素材/bitbug_favicon (2223).ico" alt="轮盘下载失败" title="轮盘" />
</body>
</html>
三、练习：注册账号
<body bgcolor="#33CCFF" rightmargin="200" leftmargin="500" topmargin="100">
<font size="45"><center>注册账号</center></font><br />
<br />
<br />
<strong>
<table width="700" height="480" border="0" cellspacing="0" cellpadding="0">
<tr >
<td width="150">邮箱：</td>
<td width="550"><form><input type="text" /></form></td>
</tr>
<tr>
<td></td>
<td>需要通过邮箱激活账号，不支持soho，21cn，sogou的邮箱。</td>
<tr>
<td>用户登陆名：</td>
<td><form><input type="text" /></form></td>
</tr>
<tr>
<td></td>
<td>仅在登录时使用，字符数不少于1。</td>
</tr>
<tr>
<td>显示名称：</td>
<td><form><input type="text" /></form></td>
</tr>
<tr>
<td></td>
<td>即昵称，字符数不少于2。</td>
</tr>
<tr>
<td>密码：</td>
<td><input type="password" /></td>
</tr>
<tr>
<td>确认密码：</td>
<td><input type="password" /></td>
</tr>
<tr>
<td></td>
<td>至少8位，包含数字，字母，特殊符号。</td>
</tr>
<tr>
<td>性别：</td>
<td><input type="radio" name="sex"/>男 <input type="radio" name="sex"/>女</td>
</tr>
<tr>
<td>喜好：</td>
<td><select size="1">
<option>听音乐</option>
<option>看电影</option>
<option>打游戏</option>
</select></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="注册" /></td>
</tr>
</table>
</strong>