圖片
<img/>標籤:
- 行內標籤,用於指定顯示在文檔中的圖片。
- 主要屬性有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>
- target屬性
target屬性指定超鏈接目標的打開窗口
- _self:本地窗口打開(默認值)
- _blank:在新窗口打開
- _parent:當前frame的父級frame
- _top:當前frame的最頂級frame
- 窗口名字:已打開的某個有名字的窗口(沒有則新建 )
- 圖片鏈接
<a href="abc.html"><img src="abc.jpg"/></a> - Email 鏈接
<a href="mailto:[email protected]">聯繫我們</a> - download屬性
- <a href="bd_logo1.png">超鏈接1</a>直接顯示圖片<br/>
- <a href="bd_logo1.png" download>超鏈接2</a>下載圖片<br/>
- <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>