網頁Web-HTML-7-插入圖片<img src="">

文、意如

<img>屬性:

  • src="路徑"
  • width="寬"
  • height="高"
  • align="right/left"

插入圖片

目錄為:

images/lion.jpg

 

 

 

<img src="images/lion.jpg" width="500" height="300">

 

圖片靠右對齊(align="right")、靠左對齊(align="left")

<img src="images/lion.jpg" width="500" height="300" align="right">

 

如果任何物件需要置中 可以使用<center></center>

<center>
121
<img src="images/lion.jpg" width="500" height="300" align="right">
</center>

 

將圖片加入超連結

<a href="https://www.dotblogs.com.tw/YiruAtStudio" target="new">
<img src="images/lion.jpg" width="500" height="300">
</a>

 

插入外部圖片

找到圖片後按下右鍵"複製圖片位置"

在<img src="貼上圖片位置">

<img src="https://sci101.news/wp-content/uploads/2019/05/01-8.jpg">

 

當線上的圖片撤掉時,你的連結也會失效,另外也要記得圖片著作權的部份,請小心服用。

程式碼參考

Yiru@Studio - 關於我 - 意如