实验1 网页设计(HTML)实验指导1

实习一网页设计（HTML）

一、实习目的

1.了解HTML文档结构；

2.初步掌握基本标记的使用；

3.能够运用文本编辑器制作简单网页。

二、实习内容

1.学习EditPlus文本编辑器的使用。

2.使用EditPlus制作只有一行文字的网页，了解HTML文档结构，并在IE浏览器中打

开编写的网页文件，查看运行效果；

3.在网页中添加多段文本内容，并对页面格式进行设置排版，制作一个简单文字内容的

网页；

4.在网页中添加图片，并对页面格式进行设置排版，制作一个简单图文内容的网页；

5.制作一个索引网页，建立与前面网页之间的超连接；

6.制作一个简单的个人主页。

三、预备知识

1.网页的基本组成；

2.HTML语言：常用HTML标记及其属性；

标记作用常用属性

Html 网页文件标记

Body 页面标记bgcolor,background,text

P 段落标记align

br 换行标记

H1～h6 标题标记align

Hr 水平线标记size,width,color

Font 字体标记size,face,color

img 图像标记Src,height,width,alt,align

a 超链接标记Href

3.网页制作方法。

四、实习步骤

1.学习EditPlus文本编辑器的使用

打开EditPlus显示如图1-1界面，通过“文件”→“新建”→“html网页”新建一个页面，如图1-2所示。

在代码区中最外层是html标记，html标记中包含了head标记和body标记，实习中我们只改head标记中内嵌的title标记中的文本，制作页面的内容通过相关标记在body中标记。

在工具栏中分两行，第一行是编辑器的工具栏，第二行是快捷插入标记的工具栏。

现在鼠标分别停留在第二行的工具上，注意提示并记录，以备后用；

特别强调颜色工具只是直观输入颜色编码（用在给颜色相关属性赋值中）。

图1-1 editplus界面

图1-2 新建html 网页界面

2.使用EditPlus制作一行文字的网页

●使用EditPlus新建一个空白网页，观察网页的基本结构，了解基本结构所用标记

的作用，保存文件，在IE浏览器中查看网页运行效果。

●将