网页设计实验报告 实验一 下载本文

内容发布更新时间 : 2024/5/18 8:51:09星期一 下面是文章的全部内容请认真阅读。

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

( 201 —201 学年第 一 学期 )

课程名称:Web设计技术 开课实验室: 年 月 日 年级、专业、班 实验项目名称 学号 姓名 成绩 网页设计简介、HTML基础介绍、文字与指导教 段落、列表 师 教师评 教师签名: 语 年 月 日 注:报告内容按实验须知中七点要求进行。 一.打开记事本,编写第一个页面。

(1)打开记事本:单击“开始”→“程序”→“附件”→“记事本”。 (2)输入下面代码:

欢迎你! 我的朋友.

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

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

(4)用浏览器打开这个文件,看看效果吧!

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

代码:

班级主页

欢迎来到我们的班级主页

-2-

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

代码:

文字实例

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


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

   <h# align=\标题文字</h#>

-3-

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

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

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

代码:

-4-

-5-