用HTML语言制作简单的网页

电子科技大学 电子工程 学院

标 准 实 验 报 告

（实验）课程名称用HTML语言制作简单的网页

电子科技大学教务处制表

电 子 科 技 大 学

实 验 报 告

学生姓名：万羽 学 号：2902103035 指导教师：伍瑞钦 一、实验室名称：科B457

二、实验项目名称：用HTML语言制作简单的网页 三、实验原理：

1.网页

（1）网页就是在浏览器上看到的一页，网页也称为Web页。

（2）主页通常是进入网站首先浏览的网页，具有引导用户浏览整个网站内容的作用。

（3）超链接是网页中的特殊标记。它指向了WWW中的其他资源，如其他网页、网页的另一个段落、声音文件等。这些资源可以位于自己的计算机上，也可以位于其他计算机上。用作超链接的标记可以是一段文字、一幅图像，也可以是一幅图像的一部分。在浏览网页时，单击超链接就可以跳转到超链接所指向的资源。超链接像一根一根的线一样，将各种网页链接在一起，形成一个庞大的信息网。

2.HTML语言

（1）HTML语言就是超文本标记语言，是网页制作的基础，也是基本的工具，使用其他任何工具制作的网页，最终都要以HTML方式存储在计算机里。

（2）HTML的脚本可用任何一种文本编辑器进行编写，如记事本、Microsoft Word等。保存时要将脚本保存成纯文本格式，扩展名必须是.htm。

（3）HTML脚本的基本结构。HTML脚本总是以标记开头，标记结尾，在和标记之间是HTML的所有内容， 一般情况下它分为两部分：头部和主体。头部总是由和标记定义的，其中包含了HTML脚本的标题和说明信息；头部下面是HTML脚本的主体部分，它以作为起始标记，作为结束标记，其中所包含的就是在浏览器中所看到的内容，包括文字、图片、动画等。

3.FrontPage

FrontPage是一种简单易学的Web管理和网页制作的软件。FrontPage2000的窗口，如图1.1所示。

在窗口工作区的左下方是网页视图模式的3个状态按钮：“普通”、“HTML”和“预览”。网页视图模式的默认状态是“普通”，用于以所见即所得的方式编辑网页。“HTML”网页视图模式用于以HTML语言的方式编辑网页。制作网页过程中，想查看网页的制作效果，切换到“预览”网页视图模式即可。

切换网页视图使用鼠标单击相应的状态按钮即可。

图1.1 FrontPage 2000的窗口

四、实验目的：

1.简单了解HTML语言。 2.认识网页以及网页的结构。

3.掌握用HTML语言制作简单网页的方法。

五、实验内容：

用HTML语言制作简单的网页。

六、实验器材（设备、元器件）：

1.实验设备

计算机 2.实验软件

IE浏览器、网页制作软件记事本 (或者FrontPage2000，Word 2003/2007)。

七、实验步骤：

给每个学生分配一台计算机。独立完成简单网页制作的实验内容，并写出实

验报告。具体步骤如下。

1.制作第一张网页

第1步 进入如图1.1所示的ForntPage2000(或者Word 2003/2007)窗口，单击“HTML”状态按钮，进入“HTML”网页视图模式。

第2步 在窗口的工作区中，输入如下内容：