[说明]
在IE浏览器中输入yoyo电子邮局主页地址并回车后，网页的显示效果如图3-1所示。
[网页中的元素说明]
见表3-1。
表3-1 网页中的元素说明
| 类 型 | 说 明 |
| 图片 | 文件名：“atmailmjpg”；宽度：80pixels；高度：80pixels |
| “登录名：”文本框 | 名称：“login_name”；尺寸：20字符 |
| “密码：”密码文本框 | 名称：“login_password”；尺寸：20字符 |
| “类型：”下拉组合框 | 文字列表项：“商务用户”、“VIP用户”、“免费用户” |
| 发送电子邮件超连接 | 邮件发送地址：“vipmail@yoyo.net” |
| BBS超连接 | 超连接地址：“http://bbs.yoyo.com” |
[HTML 文本]
＜html＞
＜head＞
＜title＞yoyo邮局主页＜/title＞
＜/head＞
＜body＞
＜p align=“center”＞
＜b＞＜font color=-“#800080”face=“楷体_GB2312”size=“5”＞yoyo邮局＜/font＞＜/b＞
＜/p＞
＜p align=“center”＞
(1) ＜/p＞
＜p align=“left”＞＜/p＞
＜p align=“left”＞用户登录＜/p＞
＜table＞
＜tr＞＜td width=“100”height=“16”＞
＜div align=“right”＞
登录名：
＜/div＞＜/td＞
(2) ＜/table＞
＜table＞
＜tr＞＜td width=“100”height=“16”＞
＜div align=“right”＞
密 码：
＜/div＞＜/td＞
(3) ＜/table＞
＜table＞
＜tr＞＜td width=“100”＞
＜div align=“right”＞
类 型：
＜/div＞＜/td＞
＜select onchange= “changeBackURL()”name=“select”＞
＜option＞商务用户＜/option＞
(4) ＜option＞免费用户＜/option＞
＜/select＞
＜/table＞
＜p＞＜/p＞＜p＞＜/p＞
VIP服务咨询邮箱：
(5) ＜a href=“http：//bbs.yoyo.com”＞参加yoyo邮局社区讨论＜/a＞
＜/body＞
＜/html＞
