HTML 101

Previewing Your Work

Time to see how your code looks in a real web browser. Start by saving your document into the "site" folder you created at the beginning of this tutorial. If this is your imaginary homepage, you'll probably want to save it with the filename "index.html" (we'll explain why that filename is important in another tutorial).

Now go to your favorite web browser and pull down File | Open. Navigate to the HTML document you just created, and open it up to see how it looks (in many cases, you can also simply drag the HTML document onto an open browser window or onto its icon).

Some HTML editing tools (such as Dreamweaver and TextMate) have preview options built in, usually in the toolbar.

Leave this browser window open. To continue reviewing your code changes, you'll be toggling back and forth between your web browser and text editor. Make a change, save your HTML document, toggle to your browser, click Reload/Refresh to see your changes, toggle back to your editor, and so forth.

Previewing your work

Add your comment

Login to post a comment.