html/img.html

html/img.html
<!doctype html>
<html lang=en>
<head>
<meta charset=utf-8>
<style>
img {
  border: 1px solid black;
}
</style>
</head>
<body>
<img src="../svg/hole.svg" />
<p>width="500" height="200"</p>
<img src="../svg/hole.svg" width="500" height="200" />
<p>width="500" height="200" TODO why is this SVG different from hole.svg and gets centered with white margins rather than squished?</p>
<img src="https://docs.ourbigbook.com/_raw/logo.svg" width="500" height="200" />
<p>width="500"</p>
<img src="https://docs.ourbigbook.com/_raw/logo.svg" width="500" />
<p>height="500"</p>
<img src="https://docs.ourbigbook.com/_raw/logo.svg" height="500" />
</body>
</html>