第一次实验内容.doc

第4单元 用HTML语言制作网页 HTML是制作超文本文档的简单标记语言。HTML语言利用各种标记标识文档的结构和超链接。标记被封装在尖括号内，不区分字母的大小写。HTML标记一般成对使用，分别称为头标记和尾标记，有少数标记单独使用。HTML文档的扩展名是.htm或.html，可以使用任何文本编辑器编辑，需要通过WWW浏览器显示出效果。 实验一 用“记事本”建立HTML文件 【学习要点】 1. HTML文件由文件头部和文件主体两部分组成，分别由以下标记标识： （1）html和/html：把全部html代码括起来。 （2）head和/head：把文件头部括起来，包括标题等信息。 （3）title和/title：网页标题标记，此对标记要放在head和/head中间，其中的信息出现在网页标题栏中。 （4）body和/body：文件主体标记，出现在这一对标记之间的信息为网页文件的正文部分。 2. 对网页进行整体控制是通过body标记的各个属性实现的，其常用属性有： （1）background属性：定义构成网页背景的图片文件名。 （2）bgcolor属性：定义网页背景颜色。 （3）text属性：定义文本颜色。 （4）topmargin属性：定义信息内容的顶边距。 （5）leftmargin属性：定义信息内容的左边距。 3. 在页面上插入水平线使用标记hr，其常用属性有： （1）color属性：定义水平线的颜色。 （2）size属性：定义水平线的粗细。 （3）width属性：定义水平线的长度。 【实验目的】 掌握HTML文件的主体框架标记的用法；学会建立HTML文件，并用浏览器打开；会对网页文件进行修改；对body标记的属性（bgcolor、text、background等）进行设置。 【实验准备】 在D盘上建立一个名为自己“学号姓名”的文件夹，准备一个图片文件和一个音乐文件放在该文件夹里，分别用于作网页的背景图片和背景音乐。 【实验步骤】 1. 启动“记事本”程序，建立一个简单的HTML文件。 （1）打开“记事本”编辑器，输入下列内容： html head title诗词欣赏/title /head body 水调歌头hr color=red苏轼 /body /html （2）保存文件：单击窗口的“文件”菜单，选择“保存”命令，弹出“另存为”对话框，选择文件保存的位置，本题选择上面刚建立的以自己学号和姓名命名的文件夹，输入文件名lx4-1.htm，单击“保存”按钮关闭对话框。 注意：文件的扩展名不能使用默认的，要手动输入，可以是.htm或.html。 2. 用IE浏览器打开并浏览已建立的HTML文件。 方法一：打开“我的电脑”或“资源管理器”，找到刚刚保存的HTML文件，本题是lx4-1.htm，双击文件名或其图标，系统会自动启动IE浏览器，并在浏览器窗口中显示网页内容； 方法二：打开IE浏览器，在地址栏中输入要浏览的HTML文件的完整路径和文件名，本题应输入D:\自己的文件夹名\lx4-1.htm，并按回车键，网页的内容就会显示在浏览器窗口中。 3. 将网页的背景设置为灰色，将页面的所有文本设置为蓝色，设置页面的上边距为30，左边距为20，保存所做的修改，并在浏览器中浏览修改后的页面。 （1）修改body标记，改为： body bgcolor=#cccccc text=blue topmargin=30 leftmargin=20 单击“文件”菜单的“保存”命令或按Ctrl+S保存所做的修改。 提示：若“记事本”窗口已关闭，可在“我的电脑”或“资源管理器”中用鼠标右键单击要修改代码的HTML文件，在快捷菜单中选择“打开方式”中的“记事本”；也可在显示该内容的浏览器窗口中选择“查看”菜单下的“源文件”命令，两种方式都可以打开HTML代码。 （2）浏览修改后的页面：在显示原内容的浏览器窗口中单击工具栏的“刷新”按钮或“查看”菜单的“刷新”命令或按下F5，此时浏览器窗口重新加载页面，显示出修改后的Web页面。 4. 去掉网页的背景颜色，为网页设置一幅背景图片，保存所做的修改，并在浏览器中浏览修改后的页面。 修改body标记，去掉bgcolor属性，添加background属性，修改后如下： body background=b01.gif text=blue topmargin=30 leftmargin=20 此处，文件“b01.gif”是事先准备好的图片文件，与当前所编辑的文档lx4-1.htm在同一个目录中。 5. 为网页添加一段背景音乐，当页面打开时音乐自动播放。 在body标记下添加一行代码，输入：bgsound src=yesterday once more.mp3。 此处，文件“yesterday once more.mp3