i want to make a scrollbar and place it anywhere i want on my page and be able to put html text inside.can anyone help me?

You can do that by using draw layers (also known as div. layers)

<div id="Layer1" style="position:absolute; left:133px; top:68px; width:430px; height:296px; z-index:1; overflow: scroll;"> Text & Images here </div>

to add a background colour, add this
background-color: #000000; layer-background-color: #000000; border: 3px none #000000;

to add a background image, add this
layer-background-image: url(IMG URL HERE); border: 1px none #000000;

hope this helps

There is an easier alternative.

<textarea>
Code here
</textarea>