WebGIS实验指导书(个实验改为个实验).doc

实验一 HTML语言的使用（一）一、实验目的1 掌握HTML标记符的用法和功能。 2 掌握HTML网页的基本结构，掌握用HTML标记符来编写简单的网页，能够编写和阅读HTML网页源代码。 二、实验准备Windows 2000或Windows XP计算机系统。三、实验内容及步骤HTML英语意思是：Hypertext Marked Language，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX，WINDOWS等）。自1990年以来HTML就一直被用作World Wide Web 的信息表示语言，用于描述Homepage的格式设计和它与WWW上其它Homepage 的连结信息。使用HTML语言描述的文件，需要通过WWW浏览器显示出效果。 所谓超文本，因为它可以加入图片、声音、动画、影视等内容，因为它可以从一个文件跳转到另一个文件，与世界各地主机的文件连接。 通过HTML可以表现出丰富多彩的设计风格。1、了解HTML的语法结构html.../html 告知文件的格式head.../head 文件的整体信息title…/title 标题，放在head中body.../body 正文内容主体结构：html 标记网页的开始head 标记头部的开始：头部元素描述，如文档标题title…/title等 ……/head 标记头部的结束body 标记页面正文开始页面实体部分写于此处/body 标记正文结束/html 标记该网页的结束在记事本中练习下面语法结构，观察在title标记和在body标记中输入的文字在浏览器中显示的位置与显示的方式。在浏览器中显示两首诗，其中包括一个总标题，两首诗的标题和作者及诗句。实验代码如下：htmlheadtitle我喜欢的两首诗/title/headbody bgcolor=whiteh1两首唐诗/h1h2夜雨寄北/h2h3李商隐/h3p 君问归期未有期，br搬山夜雨涨秋池。br何当共剪西窗烛，br却话巴山夜雨时。br/ph2剑客/h2h3李贺/h3p十年磨一剑，br霜刃未曾试。br今日把示君，br谁有不平事！br/body/html并把记事本代码另存为.html或.htm格式，双击其查看效果。试验结果如图1-1。图1-12、页面修饰练习要求：一级标题居中、凹出边框，采用隶书字体、7号、深绿色。二级标题居中采用隶书。三级标题居中采用隶书，字斜体，有下划线。诗句正文居中，采用楷体字、墨绿色。实验代码如下：htmlheadtitle我喜欢的两首诗/title/headbody bgcolor= green h1 align=centerstyle=border-style:ridgefont face=隶书size=7clolor=#008000两首唐诗/h1h2 align=centerfont face=隶书夜雨寄北/h2h3 align=centerfont face=隶书iu李商隐/i/u/h3p align=center font face=楷体_GB2312clolor=#003000君问归期未有期，br搬山夜雨涨秋池。br何当共剪西窗烛，br却话巴山夜雨时。br/ph2 align=centerfont face=隶书剑客/h2h3 align=center font face=隶书iu李贺/i/u/h3p align=centerfont face=楷体_GB2312clolor=#003000十年磨一剑，br霜刃未曾试。br今日把示君，br谁有不平事！br/body/html实验结果如图1-2所示。图1-23、Body标记在源文件中输入下面的语句：body text=#ff00ff bgcolor=#fefefe欢迎您访问我的主页！/body关于body标记中的其它属性（如背景图片、页面大小等）请结合课件内容自行练习。4、文字修饰标记br、p、center等在body的标记范围内输入br、p、center等文字修饰标记代码，观察效果。5、字体修饰标记font、small、big、h1-h6、b、I、u等调试图1-3程序，观察其运行的效果（如图1-4）。图1-3图1-4适当更改标记的属性值，了解上述标记的使用方法和特点。6、hr水平线标记：hr align=“value1” width=“value2” size=“value3” color=“value4”在上述的文件中输入下面的语句： hr align=”center” width=”60%