Display image and text

Good evening everyone!!!

Sorry, I don't know the right keywords to search neither do I have idea on how to go about this.

Please, I designed a blogging site and everything is working fine when only text is been posted.

Now, I want to add the functionality where someone can post both text and image.

For instance,

Making a table

Step 1: Gather your woods and arrange as depicted with the following image

Image goes here>>>>>

Step 2: Get the following tools as shown below

Image goes here>>>>>

Now, when I submit this post I want both image and text to be saved to database.

And when I view this post, I want to see post text and images just as instructable.com does.

What I have tried

I tried saving text and using inline scripting as follows but didn't work

Step 1: blabla
Image path

<br /><img src="image path" style="image"/><br />

But when I view this post, image never display...

But I discovered that when I copied the image url, is showing the routed URL.

So what is the best way to this please...

Any ideas and guide will be welcome