I am not very fluent in svg markup and wanted to know when I look at an inkscape document where would I add viewBox in this intial markup so that the svg scales in a browser.

You can put viewBox="0 0 744.09448819 1052.3622047" where you currently have the width and height lines. (I think you need to remove the width and height lines to make it scale in most browsers.)

If you're making a copy for the web, it's usually also a good idea to save it as Plain SVG.

I noticed that you included two zero's before the width and height, why was that necessary?

viewBox is always a list of four numbers. The first two numbers are the minimum x and y coordinates, and the other two are the width and height. If you're adding a viewBox to an SVG file that didn't previously have one, then the minimum x and y values should be 0 (unless you're trying to change the image borders).

Ok you explained very well thank you. I wish this was something you could automatically add to a document in inkscape, but I can take the extra time to ensure that it is there.

It would definitely to have this as an option in the document properties. Perhaps you could request it on Launchpad if it hasn't already been requested.