实验一“ 做一个简单的html网页”

来源：网络收集时间：2026-05-01

导读：肇庆学院实验报告 (实验一)课程名称用HTML语言制作简单的网页肇庆学院计算机学院实验报告学生姓名：学号：一、实验室名称：软件大楼302 二、实验项目名称：用HTML语言制作简单的网页三、实验原理： 1.网页（1）网页就是在浏览器上看到的一页，网

肇庆学院

实验报告

(实验一)课程名称用HTML语言制作简单的网页

肇庆学院计算机学院

实验报告

学生姓名：学号：

一、实验室名称：软件大楼302

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

三、实验原理：

1.网页

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

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

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

2.HTML语言

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

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

（3）HTML脚本的基本结构。HTML脚本总是以<html>标记开头，</html>标记结尾，在<html>和</html>标记之间是HTML的所有内容，

一般情况下它分为两部分：头部和主体。头部总是由<head>和</head>标记定义

的，其中包含了HTML脚本的标题和说明信息；头部下面是HTML脚本的主体部分，它以<body>作为起始标记，</body>作为结束标记，其中所包含的就是在浏览器中所看到的内容，包括文字、图片、动画等。

3.FrontPage，dreamwerver，notepad

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

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

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

图1.1 FrontPage 2000的窗口

选用其他网页开发工具也是可以的这里没有限制

四、实验目的：

1.简单了解HTML语言。

2.认识网页以及网页的结构。

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

五、实验内容：

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

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

1.实验设备

计算机

2.实验软件

IE浏览器、网页制作软件，记事本。

七、实验步骤：

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

1.制作第一张网页

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

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

<html>

<head>

</head>

<body>

我的网站（注：可将“我的网站”改为一个人名字命名的网站，如“张三个人网站”）

<font face ="楷体—gb2312"color = "#ff00ff"

size = "5">—春天时的梦

一首小诗

精美图片

更多内容...

<marquee> 欢迎来到阿蒙的家</marquee>

搜狐网站163网站

</body>

</html>

提示1：<hr width = 90%>是在页面上插入一条90%页宽的水平线。

提示2： <marquee> 欢迎来到阿蒙的家</marquee>中的<marquee></marquee>标记对是使其间的文字水平滚动显示。

第3步单击“浏览”状态按钮，切换到“预览”网页视图模式查看效果。第4步单击工具栏的“保存”按钮，将该网页保存为“index.html”

第5步进入IE窗口，单击 “文件” “打开”命令，进入“打开”对话框；单击“浏览”按钮，选择“index.html”

文件后，单击“确定”按钮，这时IE窗口中显示的就是该网页的内容，如图1.2所示。

图1.2 从IE窗口中浏览到的“index.html”文件

2.制作第二张网页（可以改为其它内容）

第二张网页主要是对文字的处理和给网页加背景图片。

第1步在FrontPage 2000(或者Word 2003/2007)窗口中，单击工具的“新建”按钮，新建第二张网页。

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

<html>

<head>

</ head>

游子吟</b & …… 此处隐藏：2208字，全部文档内容请下载后查看。喜欢就下载吧 ……

实验一“ 做一个简单的html网页”.doc 将本文的Word文档下载到电脑，方便复制、编辑、收藏和打印

下载这篇word文档

本文链接：https://www.jiaowen.net/wenku/98263.html（转载请注明文章来源）

上一篇：财务费用报销及付款流程图2012.01.30
下一篇：七年级音乐上册欣赏《图画展览会》教案