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

《实验1 网页设计(html)实验指导1》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、实习一网页设计（HTML）一、实习目的1.了解HTML文档结构；2.初步掌握基本标记的使用；3.能够运用文本编辑器制作简单网页。二、实习内容1.学习EditPlus文本编辑器的使用。2.使用EditPlus制作只有一行文字的网页，了解HTML文档结构，并在IE浏览器中打开编写的网页文件，查看运行效果；3.在网页中添加多段文本内容，并对页面格式进行设置排版，制作一个简单文字内容的网页；4.在网页中添加图片，并对页面格式进行设置排版，制作一个简单图文内容的网页；5.制作一个索引网页，建立与前面网页之间的超连接；6.制作一个简

2、单的个人主页。三、预备知识1.网页的基本组成；2.HTML语言：常用HTML标记及其属性；标记作用常用属性Html网页文件标记Body页面标记bgcolor,background,textP段落标记alignbr换行标记H1～h6标题标记alignHr水平线标记size,width,colorFont字体标记size,face,colorimg图像标记Src,height,width,alt,aligna超链接标记Href3.网页制作方法。四、实习步骤1.学习EditPlus文本编辑器的使用打开EditPlus显示如图1

3、-1界面，通过“文件”→“新建”→“html网页”新建一个页面，如图1-2所示。在代码区中最外层是html标记，html标记中包含了head标记和body标记，实习中我们只改head标记中内嵌的title标记中的文本，制作页面的内容通过相关标记在body中标记。在工具栏中分两行，第一行是编辑器的工具栏，第二行是快捷插入标记的工具栏。现在鼠标分别停留在第二行的工具上，注意提示并记录，以备后用；特别强调颜色工具只是直观输入颜色编码（用在给颜色相关属性赋值中）。图1-1editplus界面图1-2新建html网页界面2.使用E

4、ditPlus制作一行文字的网页l使用EditPlus新建一个空白网页，观察网页的基本结构，了解基本结构所用标记的作用，保存文件，在IE浏览器中查看网页运行效果。l将