安徽科技学院Web数据库技术课件第3章 HTML语言基础.ppt

第3章 HTML语言基础 本章要点： 网页设计的基本原则 HTML语言及其基本语法 用户用鼠标点击这个字符串时，浏览器就会将url处的资源显示在屏幕上。 在编写html文件时，需要知道目标的url。如何才能得到目标的url呢？对于自己主机内的文件，它的url 可以根据该文件的实际情况决定。对于Internet上的资源，在用浏览器观看时，它的url会在浏览器的“地址栏”中显示出来，把它抄下来写到html文件中即可。 此外，编写html文件时，对有可能确定关系的一组资源（比如在同一个目录中）应采用相对url， 这不仅可以简化html文件，而且便于维护。比如当需要将某个目录整个搬到另外一个地方或把某一主机的资源移到另一 台主机时，用相对url写的html文件不用更新其中的url。但如果用绝对url编写html文件，那么就逐个修改每个链接指针中的url。 若各个资源之间没有固定的关系，这时就只能用绝对url了。 3.4.3 标记一个目标 上面提到的链接指针可以使读者在整个Internet网上方便地链接。但如果编写了一个很长的html文件，怎么能在同一文件的不同部分之间也建立起链接，使用户方便地在上下方之间跳转呢？前面提到一个超文本链接指针包括两个部分：一是指向目标的链接指针， 二是被指向的目标。对于一个完整的文件，可以用它的url来唯一地标识它，但对于同一文件的不同部分，怎样来标识呢？下面的内容将介绍链接指针元素的另外的一个用途：标识目标。 标识一个目标的方法为： a name=nametext/a name属性将放置该标记的地方标记为“name”，name是一个全文唯一的标记串，text部分可有可无。这样，就把放置标记的地方做了一个叫做“name”的标记。 做好标记后，可以用下列方法来指向它： a href=url#nametext /a url是放置标记的html文件的url name是标记名。对于同一个文件，可以写为： a href=#nametext /a 这时就可以点取text跳转到标记名为name的部分了。 3.4.4 目标窗口 如果希望被指向的目标在一个新的窗口中显示，可以使用target属性来修饰链接指针元素。如： a href=url target=window-nametext /a 可将url代表的资源显示在一个新的窗口中， 该窗口的名字叫window-name，它可以是本窗口（_self）、父窗口（_parent）、新窗口（_blank）及整个浏览器窗口（_top）。 3.4.5 图像链接指针 图像也可以做为链接指针。格式为： a href=urlimg src=url/a 可以看出，上例中用img src=url取代了链接指针中text的位置。img src=url是图像元素，它表明显示url代表的图像文件。 下面是一个简单的图像链接指针。 a href=中国教育和科研计算机网img src=edu.gif/a 3.4.6 图像地图（image map） 上面介绍的图像链接指针每幅图只能指向一个地点，而图像地图可以把图像分成多个区域，每个区域指向不同的地点。这样，就可以用图像地图编写出很漂亮的html文件。 使用图像地图稍微复杂一点。图像地图不仅需要在html文件中说明，它还需要一个后缀为.map的文件，用来说明图像分区及其指向的url的信息。在.map文件中说明分区信息的格式如下： rect url 左上角坐标，右下角坐标 poly url 各顶点坐标 circle url 直径两端点坐标 default url rect指定一个矩形区域，该区域的位置由左上角坐标和右下角坐标说明。poly指定一多边形区域，该区域的位置由各顶点坐标说明。circle 指定一圆形区域，该区域的位置由垂直通过圆心的直径与该圆的交点坐标说明。default 指定图像地图其它部分的url。 坐标的写法为：x，y，各点坐标之间用空格分开。 下面是一个完整的说明文件： default： rect： 140,20 280,60 poly： 180,80 200,140 circle： 80,140 80,100 图像地图需要一个特殊的处理程序imagemap。imagemap放在/cgi-bin 中。在html 文件中引用图像地图的格式为： a href=/cgi-bin/imagemap/mymap.map img src=mymap.gif ismap/a 可以看出这是一个包含图像元素的链接指针元素。图像元素指明用于图像地图的图像的url，并用Ismap属性说明。需要说明的是链接指针中的href属性