html中添加圖片方法

標籤：線框   互動   方法   邊框   描述   border   使用   水平對齊   intern   

方法一：

大多數瀏覽器都支援三種圖形格式(gif,jpeg,jpg)

文法：<img src=""align="" border="" >
使用說明：
src屬性工作表示圖片的來源，可以是完整的Internet地址，如果影像檔與HTML檔案在同一 個檔案夾內，也可以僅僅指定檔案名稱即使用相對位址。

Align屬性工作表示圖片在頁面的對齊，分別取值left,right,表示圖片在頁面的靠左對齊和右對齊; top,middle,bottom三個屬性工作表示圖片說明性的文字在圖片的(上中下)位置.若不包含   align屬性，則文字將靠近在圖片的底部對齊。

Border屬性工作表示圖片的邊線框的寬度，取正整數值，數值越大，邊框線越寬；0表示沒有 邊框； Alt屬性工作表示圖片顯示後，對圖片的一段說明性文字。當瀏覽者將滑鼠停留在圖片一段時 間後，頁面上自動會彈出一個黃色的文字框，顯示圖片的標題文字。 這個特性在編程中，比較有用處，可以增加網站的互動性  方法二：添加背景圖片background:url{..//images/icon/collection.jpg‘) left top no-repeat}background-image:url(圖片地址)background-repeat:no-repeat(不重複)、repeat-x(橫線平鋪）、repeat-y(縱向平鋪）、repeat（平鋪）background-position: 水平對齊 垂直對齊   如0 0/center center/top right.......也可設定具體的數字  

html中添加圖片方法