close

有時候部分地方,並不是可以讓我們隨心所欲的使用圖片上傳。

也沒有進階編輯器可以增加圖片的使用。

 

這個時候,其實我們只要加入語法,就可以輕鬆放入圖片啦!

 

 

  • 插入圖片語法:<img src="圖片網址">

 

  • 圖片加上連結語法:<a href="連結前往的網址"><img src="圖片網址"></a>

 

  • 圖片加上寬度與高度的限制:<a href="連結前往的網址"><img src="圖片網址" width="200" height="100"></a>

  ※  在這個範例中我們加入了寬度 200 與高度 100 的規格設定,在 HTML 中這樣的寫法就可以,但是若使用 CSS 語法則必須加上寬度與高度的單位,才可以順利呈現唷!

 

  • 圖片加入連結後的邊框處理:<a href="連結前往的網址"><img src="圖片網址" border="0"></a>

  ※  因為圖片加入了邊框的緣故,IE 瀏覽器會判斷為連結的效果,所以會出現奇怪的邊框,也許那不是你要的,所以我們在這個範例中,設定了圖片 border="0",意思是邊框為零,這樣就不會顯示邊框。

 

 熊表情 (26).gif   這樣有沒有很清楚呀!!   

 

 ❤ 如果喜歡我的分享,推推給我支持噢 符號 (31).jpg !❤

arrow
arrow
    創作者介紹
    創作者 寧公主 ❤ amy 的頭像
    寧公主 ❤ amy

    詩一般的香草〃  :)

    寧公主 ❤ amy 發表在 痞客邦 留言(1) 人氣()