Image resize in HTML

目前Blog才剛創,編輯還不太熟,突然想到要放圖片怎麼辦?

以下是Markdown放圖的語法

1
![link text](url)

draft

RRR,好像太大了。
Google後才發現,Markdown好像不支援內建resize。
然後又google到這篇Image re-size to 50% of original size in HTML
雖然我不會html,不過照著回答的方法做可以成功。

後來又發現這個HTML的網站很詳細:w3school
HTML <img> Tag

Resize語法

依照比例縮放

測試後發現,給定width百分比就好。
其中alt屬性對應到的是[link text]

1
<img src="url" alt="text" width="50%" height="50%" />
draft

依指定長寬縮放

1
<img src="url" alt="text" width="150" height="300" />
draft

Image Source: Link

Author

Mo1cibo

Posted on

2016-12-31

Updated on

2020-11-01

Licensed under

Comments