• 當前位置：創(chuàng)新互聯(lián) >> 常見問題 >> 前端開發(fā) >> html >> HTML圖片介紹

HTML圖片介紹

• 作者：創(chuàng)新互聯(lián) 文章來源：前端開發(fā)部 點擊數(shù)： 更新時間：2009-06-12
• 用 <img> 這個 Tag 可以在HTML里面插入圖片。最基本的語法如下：
  <img src="url">
  url表示圖片的路徑和文件名。比如 url 可以是 images/logo/blabla_logo01.gif，也可以是個相對路徑 "../images/logo/blabla_logo01.gif"。
   
  圖片alt屬性
  <img>中有一個alt屬性，英文叫alternate text。例句如下：
  <img src = "../images/html_tutorials/smile.jpg" alt="smile face">
  假使瀏覽器沒有載入圖片的功能，瀏覽器就會轉(zhuǎn)而顯示Alt屬性的值。
  
  　　其實，現(xiàn)在大多數(shù)瀏覽器都支持圖片載入。在此介紹Alt屬性，是因為它的另外一個重要功能。目前搜索引擎抓取工具無法識別圖像中所含的文字，所以用ALT屬性寫上圖片的說明，便于搜索引擎抓取你網(wǎng)頁的內(nèi)容。
   
  圖片align屬性
  　　用align屬性，可以改變圖片的垂直(居上、居中、居下)對齊方式和水平對齊方式(居左、居中、居右)。
   
  圖片的大小
  　　在缺省狀況下，圖片顯示原有的大小。你可以用height和width屬性改變圖片的大小。不過圖片的大小一旦被改變，圖片會相應放大或縮小，顯示出來的結(jié)果可能會很難看。
   
  建議
  　　圖片相對文字，所占的字節(jié)數(shù)較多，比如一個全屏的圖片，即使經(jīng)過壓縮，也要占去大約50k字節(jié)，這相當于25000字的文本。因此瀏覽器載入圖片比較費時，建議一個HTML文件里不要包含過多的圖片，否則會影響你的網(wǎng)頁顯示速度。
• html中如何在文字下面添加下劃線和刪除線 :上一篇
  HTML基本概念 :下一篇