HTML 单页面设计实验：毛泽东主题网页制作与导航实现

实验1：HTML 单页面设计 - 毛泽东主题网页

1. 实验目的：

熟练使用开发工具和测试工具；
熟练使用文本、图片、表格、表单、列表、超链接、meta 等元素；
学会页面内容的筛选和组织。

2. 实验内容：

以'毛泽东'为主题，制作一个介绍毛泽东的页面 sy1.html。要求内容真实（可截取自国家官方媒体），页面内容包含足够的文字、图片、表格、表单、列表等 HTML 元素。'英雄'主页建议可以分为个人基本信息（table）、事迹列表（ul/ol）、事迹简报（p）、个人风采（img）、经典语录（h3）、互动栏（form）等栏目（这些栏目仅供参考，个人可以根据需要进行调整）。
将实验 1 的页面另存为 sy2-0.html，使用锚点、列表（nav）完成单页面内的导航（跳转）。
将实验 1 的单页面分解成多个子页面 sy2-x.html(x 取值 1-6)，创建新的 index.html 并使用 iframe 框架（上下或左右）展示各子页面，要求默认页显示为图片（英雄的风采中的一张图片，大小限制在 600*400px）。

实验小结：

在完成本次实验中，我学会了如何使用 HTML 元素来组织和呈现页面内容，尤其是如何使用表格、表单、列表等元素。同时，通过实现单页面内导航和使用 iframe 框架展示多个子页面，我也加深了对网页结构和布局的理解。在实验过程中，我遇到了一些困难，比如如何控制 iframe 中的页面大小和位置等问题，但通过查找资料和实践尝试，最终都得到了解决。总之，通过本次实验，我对 HTML 网页的制作有了更深入的认识和掌握。