实例分析:做邮箱界面程序显示
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">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>无标题文档</title>
- </head>
-
- <body background="11.jpg">
- <font face="华文隶书">
- <table align="center" width="600" height="600" border="1" cellpadding="0" cellspacing="0">
- <tr>
- <td width="150"> 邮箱:</td>
- <td><form><input type="text" /></form></td>
- </tr>
- <tr>
- <td></td>
- <td valign="middle"><font color="#999999">需要通过邮箱激活账户,不支持sohu,21cn,sogou的邮箱</font></td>
-
- </tr>
- <tr>
- <td> 登录用户名:</td>
- <td><form><input type="text" /></form></td>
- </tr>
- <tr>
- <td></td>
- <td valign="middle"><font color="#999999">仅在登录时使用,字符数不少于4个</font></td>
- </tr>
- <tr>
- <td> 显示名称:</td>
- <td><form><input type="text" /></form></td>
- </tr>
- <tr>
- <td></td>
- <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>
运行结果显示:
二、图片热点
规划出图片上的一个区域,可以做出超链接,直接点击图片区域就可以完成跳转的效果。