Not just an image in html, but an image in html tables! No bueno. The new way to design websites is flipped from how it used to be. Many people are now starting with the CSS and HTML and Photoshop is used for enhancing. Some never even touch Photoshop at all. Alternatively, what I do is start with wireframes, a sketch or Illustrator, in which I can see and plan what the markup and CSS positioning will be. Then I design in Illustrator code in mind, and end up with few images in the end. That's just my own way because it seems faster for me to comp 3 versions to show a client in Illustrator rather than comp in the browser.
Designing a site based on a Photoshop template, like you have done, would then require a bit of reverse engineering, breaking down the design into a wireframe and planning the markup and presentation code from that. The point though is that if you don't have any coding knowledge, of either CSS or HTML, you shouldn't even start the process at all. There is no trick, at least not yet, because Photoshop has no way of converting images to CSS layout, not that I know of. And if so, why let computers think for you? You usually end up with a mess. You simply have to learn first, then do.