网页设计实验报告 实验一

昆明理工大学信息工程与自动化学院学生实验报告

（201 —201 学年第一学期）

课程名称：Web设计技术开课实验室：年月日年级、专业、班学号姓名成绩

实验项目名称网页设计简介、HTML基础介绍、文字与

段落、列表指导教师

教师

评语教师签名：

年月日

注：报告内容按实验须知中七点要求进行。

一.打开记事本，编写第一个页面。

（1）打开记事本：单击“开始”→“程序”→“附件”→“记事本”。

（2）输入下面代码：

当你进入HTML编程世界的时候，你的
感觉是全新的！

(3)单击“文件”→“选择”→“保存”菜单项，选择文件类型为“所有文件”，文件名输入“index.html”并选择文件保存地址（记住一定要把文件的后缀存为.html或.htm，否则网页无法显示）。

（4）用浏览器打开这个文件，看看效果吧！

二．用HTML语言编写符合以下要求的文档：标题为“班级主页”，在浏览器窗口用户区显示“欢迎来到我们的班级主页”，完成后效果如图：

代码：

欢迎来到我们的班级主页

三．采用本章介绍的HTML标记完成如图所示的文字内容。

代码：

3.1.2 标题字

   标题字，就是以几种固定的字号去显示文字。在HTML中，定义了六级标题，从一级

到六级，每级标题的字体大小依次递减。

基本语法：

   <h# align="left|center|right">标题文字</h#>

语法说明：

   标题标记本身具有换行的作用，标题总是从新的一行开始；#用来指定标题文字的大小，

#取1~6的整数值，取1时文字最大，取6时文字最小。

四．根据本章所讲知识，采用有序列表技术编写出具有如图所示的运行效果页面的程序。

代码：

数字列表： 1.苹果 2.香蕉 3.柠檬 4.橘子	大写罗马字母列表: I.苹果 II.香蕉 III.柠檬 IV.橘子
大写字母列表： A. 苹果 B.香蕉 C.柠檬 D.橘子	小写罗马字母列表： i.苹果 ii.香蕉 iii.柠檬 iv.橘子
小写字母列表： a.苹果 b.香蕉 c.柠檬 d.橘子

五．根据本章所讲知识，用无序列表多层嵌套编写出具有如图所示的运行效果页面的程序。

代码：