HTML(超链接,建立锚点,建立图像,图像地图)

<html>
 <head>
  <title>超链接标签</title>
 </head>
 <body>
  <a href="http://syt.coolpage.biz" target="_blank">syt的窝</a><br>
  <a href="./html/web.html" target="_blank">web.html</a><br>
 </body>

</html>

<html>
 <head>
  <title>建立锚点标签</title>
 </head>
 <body> 
  <a href="#one">第一段</a><br>
  <a href="#two">第二段</a><br>
  <a href="#three">第三段</a><br>
  <a href="http://www.baidu.com/one.php#four">four</a><br>
  
  <a name="one">
  aaaaa<br>
  aaaaa<br>
  aaaaa<br>
  aaaaa<br>
  aaaaa<br>
  aaaaa<br>
  aaaaa<br>
  aaaaa<br>
  aaaaa<br>
  aaaaa<br>
  aaaaa<br>
  aaaaa<br>
  aaaaa<br>
  aaaaa<br>
  aaaaa<br>
  aaaaa<br>
  aaaaa<br>
  aaaaa<br>
  aaaaa<br>
  aaaaa<br>
  aaaaa<br></a>
 <a href="#">返回</a><br>

  <a name="two">
   bbbbb<br>
   bbbbb<br>
   bbbbb<br>
   bbbbb<br>
   bbbbb<br>
   bbbbb<br>
   bbbbb<br>
   bbbbb<br>
   bbbbb<br>
   bbbbb<br>
   bbbbb<br>
   bbbbb<br>
   bbbbb<br>
   bbbbb<br>
   bbbbb<br>
   bbbbb<br>
   bbbbb<br>
   bbbbb<br>
   bbbbb<br>
   bbbbb<br>
   bbbbb<br>
   bbbbb<br></a>
  <a href="#">返回</a><br>

  <a name="three">
   cccccc<br>
   cccccc<br>
   cccccc<br>
   cccccc<br>
   cccccc<br>
   cccccc<br>
   cccccc<br>
   cccccc<br>
   cccccc<br>
   cccccc<br>
   cccccc<br>
   cccccc<br>
   cccccc<br>
   cccccc<br>
   cccccc<br>
   cccccc<br>
   cccccc<br>
   cccccc<br>
   cccccc<br>
   cccccc<br>
   cccccc<br></a>
  <a href="mailto:[email protected]?subject=lamp&hello&[email protected]">留言</a>

  <a href="#">返回</a><br>

 

 </body>
</html>

 

<html>
 <head>
  <title>建立图像标签</title>
 </head>
 <body>
  
  <a href="http://localhost/cms/index.php"><img src="logo.jpg" border=0 width=50% alt="xsphp_logo"/><br></a> <br>
  <a href="http://www.lampbrother.net" target="_blank"><img src="http://www.lampbrother.net/images/logo.gif"  border="10" width=500 alt="lamp brother logo"/></a><br>
 </body>
</html>

 

<img>

src: 指定图片URL

border:边框

alt:1.鼠标放上有小黄图标 2.若图像不存在,则出现指定文字 3.搜索引擎可以用过它的制定文字搜索该图.

 

<html>
 <head>
  <title>图像地图</title>
 </head>
 <body>
  <a href="http://localhost/cms/index.php"><img src="logo.jpg" border=0 width=50% alt="xsphp_logo" /></a><br><br>

  <img src="logo.jpg" usemap="#mymap" border=0 />

  <map name="mymap">
   <area shape="rect" coords="5,5,50,50" href="http://www.php.net" target="_blank">
   <area shape="circle" coords="80,40,40" href="http://www.apache.org" target="_blank">
   <area shape="poly" coords="175,0,110,70,100,70" href="http://www.linux.com" target="_blank">
  </map>

 </body>
</html>

 

<map>定义热点区域

<area>指定每个热点区域

shape="形状"(如上例所示)

coords:位置座标

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章