用HTML语言制作简单的网页.docVIP

电子科技大学 电子工程 学院 标 准 实 验 报 告 （实验）课程名称 电子科技大学教务处制表 切换网页视图使用鼠标单击相应的状态按钮即可。 图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步 在窗口的工作区中，输入如下内容： html head meta http-equiv= Content - Type content = text / html; chaset = gb2312 title我的网站/ title /head body br p align = centerbfont face = 楷体—gb2312 color = #550055 size = 7我的网站/font/b/p（注：可将“我的网站”改为一个人名字命名的网站，如“张三个人网站”） br p align = centerbifont face =楷体—gb2312color = #ff00ff size = 5—春天时的梦/font/i/b/p hr width = 90% p align = centerfont face= 楷体—gb2312 color =#ff00ff size = 4一首小诗 / font / p p align = centerfont face = 楷体—gb2312 color = #00ffff size = 4精美图片 / font/ p p align = center font face = 楷体—gb2312 color = #008800 size = 4更多内容.../font / p hr width = 90% p align = center marquee font face = 华文彩云 color = #c000c0 size = 5欢迎来到阿蒙的家/ font/marquee /p p align = left font color = 仿宋—gb2312 color = #00ff00size = 4 搜狐网站/font font face =仿宋—gb2312color = #0000ffsize = 4163网站/font /p /body /html 提示1：hr width = 90%是在页面上插入一条90%页宽的水平线。 提示2：p align = center marquee font face = 华文彩云 color= #c000c0 size = 5欢迎来到阿蒙的家/font /marquee/p中的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 meta http- equiv = content- Type content = text / html; charset = gb2312 title 一首小诗/ title / head body background = file : /// f: /我的网站/ tl. gif br br br p align = center b font face = 楷体—gb2312color = #550055 size = 7游子吟/font /b /p br p align = centerb