html部分实手册.docVIP

《网页制作》 实验第一部分 HTML 【实验时间】 第2至4周 【实验目的】 掌握HTML语法。 深入理解标记及属性应用。 能够使用HTML编写简单网页。 【实验环境与设备】 计算机实验室 要求：机器上安装有IE浏览器和记事本等。 【实验要求】 重点练习下列例子，所有例子大家可根据需要自行设计改变。 上交作业 设计一个简单网站，主题自拟。 最少由4个页面组成，包括一个主页和3个以上其他页面，页面间可通过链接跳转。 要求页面中要综合应用到文字、图像、Flash动画、表单、超链接、表格（普通表格或表格布局均可）。 提交作业命名方式，每个同学创建一个文件夹（命名以“学号+姓名组成”，如“2009770329张三”），将网页和所有用到的素材放入其中，内部再创建文件夹不限制。 以下例子为练习时重点练习对象 实验一 网页基本结构【例2-1】 步骤1：新建一个文件夹用于存放网页，比如在E盘创建一个文件夹myweb，，以后我们把它作为站点根目录。 步骤2：用记事本编写以上代码，标题和网页主体内容可以适当修改。 步骤3：保存文件，在保存时文件名命名为1-1.html或1-1.htm（注意：其中1-1为自己为文件起的名字，可修改，但扩展名必须为html或者htm），另外将“文件类型”改为“所有文件”，如下图。 步骤4：保存完毕后，在文件夹myweb中可以看到如右所示IE图表，双击即可查看网页效果，如需要继续编辑，则右键选择以记事本打开。 实验二 文字网页【例3-10】 实验三 基本图文网页【例4-1】【例4-2】 下边，我们要在网页中加入图像xiyao.jpg。当然首先我们要将图像置入E:\myweb\images中。 实验四 多媒体网页 1、加入背景音乐【例4-3】 首先我们选好一首音乐，如qian.mid，接下来要把音乐放入站点中。还记得我们先前创建的站点的路径是E:\myweb，现在我们在站点中新建一个文件夹media，用于存放多媒体文件，创建好以后将音乐qian.mid置于其中。 2、加入视频【例4-4】 在该例子中我们打算嵌入《神话》预告片，那么首先把《神话》的预告片myth.wmv放入E:\myweb\media文件夹中。 3、加入Flash【例4-5】 在该例子中我们打算嵌入E:\myweb\media文件夹中的Flash文件girl.swf，而网页保存在E:\myweb中。 4、加入音乐【例4-6】 ?同样我们选好一首音乐，如hutao.mid，接下来要把音乐放E:/media中。需要注意的是媒体播放器会影像美观，可以把它隐藏起来。在embed标记中添加属性hidden=true即可。 实验五 超链接 1、外部链接【例5-1】 2、文字链接【例5-2】 3、图像链接【例5-3】 4、电子邮件链接【例5-4】 实验六 表格 1、插入表格【例5-5】 2、表格布局【例5-6】 实验七、表单应用【例6-1】 layout development cities in developed countries show that developing rail transit Guide and an important means of achieving sustainable urban development. More than the bulk of the urban rail transit vehicles, rail traffic in the urban space layout and guide the evacuation, optimizing the structure and other aspects also play an important role in its role as the scale becomes more i