40
如如如如如如如如如如

如何在文章中加入圖片

Embed Size (px)

Citation preview

Page 1: 如何在文章中加入圖片

如何在文章中加入圖片

Page 2: 如何在文章中加入圖片

切換至 html 檢視模式• 按下 鍵切換至 html 檢視模式

Page 3: 如何在文章中加入圖片
Page 4: 如何在文章中加入圖片
Page 5: 如何在文章中加入圖片
Page 6: 如何在文章中加入圖片
Page 7: 如何在文章中加入圖片

加入圖片的 html tag

• 鍵入下列的 html tag• <img src="”/>

Page 8: 如何在文章中加入圖片
Page 9: 如何在文章中加入圖片
Page 10: 如何在文章中加入圖片

複製圖片的網址• 在圖片上按滑鼠右鍵,就會出現一個小視

窗。• 在小視窗上點選『 Properties (屬性)』,

就會出現『 Properties (屬性)』視窗。• 選取『 Location (位置)』,按滑鼠右鍵,

就會出現操作的小視窗。• 在操作的小視窗,選取『 COPY (複製)』,

複製圖片的網址。

Page 11: 如何在文章中加入圖片
Page 12: 如何在文章中加入圖片
Page 13: 如何在文章中加入圖片
Page 14: 如何在文章中加入圖片
Page 15: 如何在文章中加入圖片
Page 16: 如何在文章中加入圖片
Page 17: 如何在文章中加入圖片
Page 18: 如何在文章中加入圖片
Page 19: 如何在文章中加入圖片
Page 20: 如何在文章中加入圖片

將圖片的網址貼上至 src 屬性中• 在 src=“” 的兩個””符號中間,貼上剛才複

製好的圖片網址。

Page 21: 如何在文章中加入圖片
Page 22: 如何在文章中加入圖片
Page 23: 如何在文章中加入圖片
Page 24: 如何在文章中加入圖片
Page 25: 如何在文章中加入圖片
Page 26: 如何在文章中加入圖片
Page 27: 如何在文章中加入圖片
Page 28: 如何在文章中加入圖片

切換至一般編輯模式• 按下 鍵,切換至一般編輯模式。

Page 29: 如何在文章中加入圖片
Page 30: 如何在文章中加入圖片
Page 31: 如何在文章中加入圖片
Page 32: 如何在文章中加入圖片
Page 33: 如何在文章中加入圖片

調整圖片大小• 點選圖片之後,在圖片的各個角落,會出

現 符號。• 用滑鼠點選該符號,然後拖曳他,調整至

你想要的圖片大小。

Page 34: 如何在文章中加入圖片
Page 35: 如何在文章中加入圖片
Page 36: 如何在文章中加入圖片
Page 37: 如何在文章中加入圖片
Page 38: 如何在文章中加入圖片
Page 39: 如何在文章中加入圖片
Page 40: 如何在文章中加入圖片