by Brandon Rhodes
<p><img style="border-style: dotted; border-color: red; border-width: 20px; width:40%;" src="https://i.imgur.com/rK5t5LP.png"/></p>
some fractal
Embedded in MD as

the picture is ok:
<table><tr><td>
<img width="300" src="https://i.imgur.com/rK5t5LP.png"/>
</td></tr></table>
![]() |
or within <p>
tags
<p><img width="50%" src="https://i.imgur.com/rK5t5LP.png"/></p>
But just using <img>
tag, it does not seem to work. Included in the MD text is:
<img width="500" src="https://i.imgur.com/rK5t5LP.png"/>
In the debugging inspector it renders like:
<p><img <a="" href="http://src="https://i.imgur.com" width="500">src="https://i.imgur.com/rK5t5LP.png"/></p>
In iframe it’s ok (at least when you leave it between empty lines)
<iframe src="https://i.imgur.com/rK5t5LP.png"</iframe>
and link also works
Fractal
What is wrong with the <img>
tag??
For reference above MD text is:
++some fractal++
Embedded in MD as
``
the picture is ok:
{width=20%}
<table><tr><td>
<img width="50%" src="https://i.imgur.com/rK5t5LP.png"/>
</td></tr></table>
`
<table><tr><td>
<img width="50%" src="https://i.imgur.com/rK5t5LP.png"/>
</td></tr></table>
`
or within `<p>` tags
`<p><img width="30%" src="https://i.imgur.com/rK5t5LP.png"/></p>`
<p><img width="30%" src="https://i.imgur.com/rK5t5LP.png"/></p>
But just using `<img>` tag, it does not seem to work. Included in the MD text is:
`<img width="500" src="https://i.imgur.com/rK5t5LP.png"/>`
In the debugging inspector it renders like:
`<p><img <a="" href="http://src="https://i.imgur.com" width="500">src="https://i.imgur.com/rK5t5LP.png"/></p>`
<br>
In iframe it's ok (at least when you leave it between empty lines)
`<iframe src="https://i.imgur.com/rK5t5LP.png"</iframe>`
<iframe width="700" src="https://i.imgur.com/rK5t5LP.png"></iframe>
and link also works
[Fractal](https://i.imgur.com/rK5t5LP.png)
<br>
What is wrong with the `<img>` tag??
<br>
For reference above MD text is:
<hello there>
and with HTML
<p><img
src="https://i.imgur.com/rO4sQ8W.jpg"
width="200" /></p>
Using algorithms in construction
How to cope in a moment of crisis
.