HTML 单页面设计实验：以毛泽东为主题的网页制作与美化

实验1：HTML 单页面设计 - 以毛泽东为主题的网页制作与美化

1. 实验目的：

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

2. 实验内容：

以'毛泽东'为主题，制作一个介绍毛泽东的页面 sy1.html。要求内容真实（可截取自国家官方媒体），页面内容包含足够的文字、图片、表格、表单、列表等 HTML 元素。'英雄'主页建议可以分为个人基本信息（table）、事迹列表（ul/ol）、事迹简报（p）、个人风采（img）、经典语录（h3）、互动栏（form）等栏目（这些栏目仅供参考，个人可以根据自己的理解进行调整）。
将实验 1 的 sy1.html 另存为 sy3.html，并对该 sy3.html 页面进行元素的样式美化操作，至少应用到以下的样式：

文字: font-size（大小）、color（颜色）、font-family（字体）、text-decoration（修饰：包括下划线和删除标记等）
背景: background-color（背景色）、background（背景图片）
方框: width（宽度）、height（高度）、float（浮动）、clear（清除浮动）
文本: text-align（对齐）、line-height（行高）、text-indent（缩进）
布局: visibility（可见，取值 hidden 或 visible）、display（显示，取值 none, block, inline…）、disabled（按钮禁用）、overflow（溢出）、float（浮动）
填充: margin（外填充）、padding（内填充）取值个数：1, 2 或 4
列表: list-style（取值 none 或 url()）

3. 实验小结：

在这次实验中，我学会了如何使用 HTML 元素来组织和呈现页面内容。通过实践，我对表格、表单、列表等元素的使用更加熟练，也学会了如何使用 meta 标签来优化页面的 SEO 效果。在样式美化方面，我使用了多种样式属性来调整文字、背景、方框、文本、布局、填充和列表等元素的样式，让页面看起来更加美观、舒适。在实验中，我遇到了一些困难，如在调整布局时遇到了浮动和清除浮动的问题，但是通过查找资料和多次尝试，我最终解决了这些问题。通过这次实验，我不仅学会了 HTML 的基础知识，还培养了解决问题的能力，这对我今后的编程学习和实践都将有很大的帮助。