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:位置座標

 

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