zoukankan      html  css  js  c++  java
  • 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干。

  • 相关阅读:
    快速幂取模算法详解
    牛客网小白月赛5I区间(差分数组)
    多重背包模板
    hdu5791(DP)
    CodeForces
    最长上升子序列LIS(51nod1134)
    POJ1088(记忆搜索加dp)
    最长公共子序列LCS(POJ1458)
    Gym 100971J-Robots at Warehouse
    模板
  • 原文地址:https://www.cnblogs.com/frostbelt/p/1763148.html
Copyright © 2011-2022 走看看