dreamweaver 泛泛之谈

View Code

<html>

   <head>

      <title>特定链接</title>

   </head>

   <body>

      <h1>李清照词欣赏</h1><p>

      <h3>单击<a href=#醉花阴 target="_blank">醉花阴</a></h3><p>//指明网页跳到那个目标名称的位置。此处跳转到<a name=醉花阴>醉花阴</a>此处加了target="_blank"就是跳转到另一页中显示下面的古诗。

      <h3>单击<a  href=#南歌子>南歌子</a></h3><p> 

      <h3>单击<a href=#怨王孙>怨王孙</a></h3><p> 

      <a name=醉花阴><h2>醉花阴</h2></a>

      东篱把酒黄昏後，<p>

      有暗香盈袖。<p>

      莫道不消魂，<p>

      帘卷西风，<p>

     人比黄花瘦。<p>

      <br><br><br>

      <a name=南歌子><h2>南歌子</h2></a>

      翠贴莲蓬小，<p>

      金销藕叶稀。<p>

      旧时天气旧时衣，<p>

      只有情怀不似、旧家时！<p>

      <br><br><br>

      <a name=怨王孙><h2>怨王孙</h2></a>

      湖上风来波浩渺，<p>

      秋已暮、红稀香少。<p>

      水光山色与人亲，<p>

      说不尽、无穷好。<p>

      <br><br><br>

      <br><br><br>

   </body>

</html>

上面的是特定目标连接到网页的特定位置。

下面是图片上热点区域的制作要用的是<map>标签只有一个name属性<area>标签

View Code

<html>

   <head>

      <title>图片的热点区域</title>

   </head>

   <body>

    <img  src=images/02.jpg  border=0  usemap=#a> 

    <map name=a>

        <area shape="circle" coords="149,102,29"  href=1.html>

    </map>

    </body>

</html>

View Code

<html>

   <head>

      <title>多边形的热点区域</title>

   </head>

   <body>

    <img  src=images/02.jpg  border=0  usemap=#c> 

    <map name=c>

        <area shape="poly"

         coords="93,41,45,74,70,101,101,102,133,102,153,76,134,38"    //duo bian xing re dianquyu

        href=1.html>

    </map>

    </body>

</html>

View Code

<html>

   <head>

      <title>矩形的热点区域</title>

   </head>

   <body>

    <img  src=images/02.jpg  border=0  usemap=#b> 

    <map name=b>

        <area shape="rect "coords=118,78,187,127 href=1.html>//热点区域是矩形

    </map>

    </body>

</html>

posted on 2012-06-15 23:14 端着咖啡码农阅读(183) 评论(0) 编辑收藏举报