HTML基础必看—表单,图片热点,网页划区和拼接详解

2020-04-16 21:53:16易采站长站整理

<td><font color="#999999">即昵称,字符数不少于2个</font></td>  
</tr>  
<tr>  
<td>   密码:</td>  
<td><form><input type="password" /></form></td>  
</tr>  
<tr>  
<td>   确认密码:</td>  
<td><form><input type="password" /></form></td>  
</tr>  
<tr>  
<td></td>  
<td><font color="#999999">至少8位,必须包含字母、数字、特殊字符</font></td>  
</tr>  
<tr>  
<td>   性别:</td>  
<td><form><select size="1">  
<option value="1" selected="selected">男</option>  
<option value="2">女</option>  
</select></form>  
</td>  
</tr>  
<tr>  
<td>   喜好:</td>  
<td><form><select size="1">  
<option value="1">打游戏</option>  
<option value="2">打篮球</option>  
<option value="3">看电影</option>  
<option value="4" selected="selected">听音乐</option>  
<option value="5">旅游</option>  
</select></form>  
</td>  
</tr>  
<tr>  
<td></td>  
<td><form><input type="submit" value="注册" /></form></td>  
</tr>  
  
</table>    
</font>  
</body>  
</html>  

运行结果显示:

二、图片热点

     规划出图片上的一个区域,可以做出超链接,直接点击图片区域就可以完成跳转的效果。

示例:

XML/HTML Code复制内容到剪贴板

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">