web程序設計——基本標籤(二)

圖片

<img/>標籤:

  1. 行內標籤,用於指定顯示在文檔中的圖片。
  2. 主要屬性有src,alt,width,height
  • alt屬性的作用時當網速比較慢時或者用戶取消圖片下載時,可以在圖片位置顯示的一些文本。

如以下代碼的顯示效果爲:

<p>

        <img src="www/小型公司/images/團扇.jpg" alt="圖片加載不出時的提示語" width="317" height="240"/>

</p>

網絡慢或者找不到圖片時

超鏈接

  • 鏈接地址由屬性href指定,鏈接目標可以是其他網頁或者源文檔中的某個位置
  • 格式:

跳到其他網頁:

<a href=”http://www.baidu.com”>鏈接文本</a>

跳到文檔中指定位置:

 <h2 id=”abc”>跳到這裏</h2>

                 ……

<p>

        <a href=”#abc”>

</p>

  • 當href=”#”時,相當於跳轉到網頁頂端,如<a href="#">回到頂部</a>
  1. target屬性
    target屬性指定超鏈接目標的打開窗口
  1. _self:本地窗口打開(默認值)
  2. _blank:在新窗口打開
  3. _parent:當前frame的父級frame
  4. _top:當前frame的最頂級frame
  5. 窗口名字:已打開的某個有名字的窗口(沒有則新建
  1. 圖片鏈接
    <a href="abc.html"><img src="abc.jpg"/></a>
  2. Email 鏈接
    <a href="mailto:[email protected]">聯繫我們</a>
  3. download屬性
  1. <a href="bd_logo1.png">超鏈接1</a>直接顯示圖片<br/>
  2. <a href="bd_logo1.png" download>超鏈接2</a>下載圖片<br/>
  3. <a href="bd_logo1.png" download="123.png">超鏈接3</a>以指定名稱下載圖片

5)使用<img>的usemap屬性,可以定義座標點擊的超鏈接。
<img src="www/小型公司/images/團扇.jpg"  usemap="#planetmap"/>

<map name="p" id="planetmap">

<area shape="circle" coords="0,0,14" href="www/小型公司/images/t018daf049781904d9d.jpg" target="_blank" />

</map>

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