I’ve never used it (shush, you!) but there’s Adobe Edge Code: http://www.adobe.com/products/edge-code.html
Generally, though, I always preview in the browser since that’s exactly where its going to end up so always the best representation of what you’re going to get.
Adobe Edge Code since you want something that works out-of-the-box with HTML preview.
If that doesn’t work for you, I would say still give Atom a shot. It’s what I use, but I do have the Preview HTML package installed alongside it: https://atom.io/packages/atom-html-preview
One of the online editors like codepen.io seems like it would be great for beginners. They feature all sorts of preview functionality, plus conveniences for adding common libraries without a lot of fuss.
When I download the zip file what do I do with it?
Unzip it and then double click on whatever came out of the zip file.
But multiple things come out of the folder.
Hey, Kirupa they said they discontinued adobe edge to continue brackets. Does brackets have html preview, too?
Yes, use brackets. Its basically the same.
^ Made with brackets