Image resize in HTML
目前Blog才剛創,編輯還不太熟,突然想到要放圖片怎麼辦?
以下是Markdown放圖的語法
1 | ![link text](url) |
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%" /> |
依指定長寬縮放
1 | <img src="url" alt="text" width="150" height="300" /> |
Image Source: Link
Image resize in HTML