There are markdown editors such as notable.app and evernote.com, as a couple of examples of downloadable editors; and then there are evernote.com and hackmd.io as a couple of online editors. These are all excellent editors, and surely they are like everything else: this one is good for this, and that one is good for that. Each has it's own pros and cons.
<u></u> = UNDERLINE with HTML underline
<strike></strike> = strikethrough
<hx> = header
<br> = break (space)
<br /> = line break
<div></div> = division
<div class="text-justify"></div> = evens up the right edge
<div class="pull-left"></div> = pulls all the text or image to the left side
<div class="pull-right"></div> = pulls all text or image to the right
<h1> Heading text-size: 1 </h1>
<h2> Heading text-size: 2 </h2>
<<h3> Heading text-size: 3 </h3>
<h4> Heading text-size: 4 </h4>
<h5> Heading text-size: 5 </h5>
<h6> Heading text-size: 6 </h6>
<h5><b> text-style: bold </b></h5>
<h5><i> text-style "italic" or "emphasis" </i></h5>
<h5><strong><em> Project Notebook </em></strong><h5>
<ol> Ordered list<li> First item of importance </li><li> Second order of importance </li><li> Third order of importance </li></ol><ul> Unordered List
<li> Second </li>
<li> First </li>
<li> Third </li>
</ul>
<a></a>" tag -Image to be entered and centered, and click on "source" or the photo and it will take you to the source of the image.
This is the way that you could code this, you would ultimately want it short and sweet:
Source = <a href="https://pixabay.com/vectors/bee-art-busy-bee-hive-honey-162038/"><img src="https://files.peakd.com/file/peakd-hive/jamerussell/23wgHKbKZxwAAJGdb7JddRNBjnbwj4NCR2v9gTirSMCH1fnSLHuR9JvZsCoLF8mqSr5AH.png"> </a></center>
This simply entails 2 separate tags, one is the <a> tag, and the second is the <img src>, or image source then the end </a> tag
Form:
<center><a href="URL"><img src="IMAGE"> Source </a></center>
~~ ~~ = strikethrough (double-tilde, one at beginning, one at the end of the word)
# header text-size: 1
## header text-size: 2
### header text-size: 3
#### header text-size: 4
##### header text-size: 5
###### header text-size: 6
*text-style: italic*
**text-style: bold**
***text-style: italic & bold***
Image by Kay Wille
<center><a href="https://pixabay.com/vectors/teddy-bear-bear-knuffig-cuddly-478559/"> Kay Wille </a></center>