HTML(四)

5. 图像

  <P><IMG SRC="tree01.jpg"></P>

          属性      width height  例"100px"  "50%"

                    align  图像的对齐方式  "right" "center" "left"

                    alt    当浏览器不显示图像时的替换文字

                    border 边框   例"5"

                    hspace vspace  水平/垂直间距

                    lowsrc 加入一张低分辩率的图像供页面显示

                      <img lowsrc="tree02.jpg" src="tree01.jpg" height="200px">

5.3 图像的超链接

  i. <A HREF="代码5-9.html" TARGET="_blank"><IMG SRC="tree01.jpg" HEIGHT="200px"></A>

                                            这部分相当于链接文字

  ii.一个图像多个链接  每个热点一个链接  5.3.2

代码5-12.html

<html>

  <head>

    <title>定义图像地图</title>

  </head>

  <body>

    <h2>欢迎来到青青植物园</h2>

    <p>    青青植物园是枣田市最大的植物园,占地面积超过50万平方米。各种花卉争奇斗妍,美丽无比。在青青植物园主要有四大景区,分别是牡丹亭、玫瑰园、荷花亭和桃花岛。</p>

    <p align="center"><img src="map01.jpg" height="300px" border="0" usemap="#P_map">

    <map name="P_map"><area shape="circle" coords="59,220,12" href="代码5-10.html?#mudan" target="_blank" alt="关于“牡丹亭”的介绍">

    <area shape="circle" coords="138,119,12" href="代码5-10.html?#meigui" target="_blank" alt="关于“玫瑰园”的介绍">

    还有两个类似的,不写了

    </map></p>

  </body>

</html>

在地图上创建链接点可以用DreamWare干。

原文地址:https://www.cnblogs.com/frostbelt/p/1763148.html