文档介绍：word
word
1 / 10
word
实验一HTML语言的熟悉与应用
【实验目的】
通过学****和应用HTML的根本元素，了解并初步掌握静态网页的运行原理与其制作过程。
【实验内容】
建一个左右结构的框架结构，要求如下：
左边要求建立一个目录菜单，菜单的内容为教材书上的第二章的实例名。要求有不同的弹出方式〔_top、_blank〕。
右边为单击左边菜单所显示的相应内容。其形式如如下图所示。
【实验报告要求】
1. 实验目的
2. 写出框架主要代码，并分别要求用不同的弹出方式。
3. 在浏览器中观察主页运行情况并给出运行界面。
4. 切换到HTML代码下，学****掌握各标记的属性与用法，给出相应注释。
5. 实验小结，包括实验中遇到的问题与解决方法。
【小技巧】
对于一些生僻的标记属性不必强行记忆，在用到的时候翻一下语法手册，多用几次就会熟练掌握了；刚开始，可以先选择几个不错的网页形式加以模仿，完成自己的主页；看到好的网页，在浏览器的“查看〞菜单中选择“源文件〞，就可以看到源程序，学****别人制作网页的一些方法和技巧，有时候通过这种方法可以学到书本上没有的东西，一些新功能也可以为你所用，出现在你的主页中。
实验二 HTML语言根底—表格应用
[实验目的]
使用记事本制作简单网页
文本格式标记和表格标记
word
word
2 / 10
word
学会使用标记和图像标记
[实验任务]
在“记事本〞中写入简单的HTML语言，设计一个简单网页
学会使用HTML语言设计表格，显示学生寝室室友的根本情况
参加和图像标记，显示寝室室友的照片和
[实验步骤]
一、使用“记事本〞制作网页
1．在桌面上创建学生工作目录〔文件夹〕，命名规如此为“学号(8位)+“-〞+〔实验序号〕1”，如“20090101-1”实验文件夹的名称，如图1所示效果。
图1在桌在建立第一次实验学生工作目录
2．打开“记事本〞程序，编入如下图2所示的HTML语言，完成后将该文本文件命名为“〞，保存到上述对应工作目录中。
3．关闭文档，双击工作目录中的“〞文件，显示效果如如下图3所示。
图2 HTML代码
图3“〞网页显示效果
二、文本格式和表格标记
使用HTML语言文本格式标记和表格标记编写一个网页，显示学生寝室室友的学号和某某。
1．打开“记事本〞程序，根据图4样例输入网页内容，并更新其中的学生信息为本人所在寝室或者同学的信息，完毕后，以“〞保存该文件到上述学生工作目录中，关闭文档。
2．双击“〞，效果图如图5所示。
图4 HTML代码
word
word
3 / 10
word
图5 “〞网页显示效果
三、标记和图像标记
1．在学生工作目录中建立子目录images，并获取上述网页中提到的同学电子版照片，并通过PhotoShop或者Microsoft Office Picture Manager将图片尺寸编辑为150〔宽〕*200〔高〕，单位为px，、。
2．通过“记事本〞程序编写如图6所示的网页HTML源代码。
提示：如果“我是你〞，我先研究一下这个代码是什么意思？因为重复的内容非常多！
<html></ht