Get a
Free Website Builder
Free Web Hosting
Free Domain Name

HTML Code Tutorial

Using an HTML Editor

When you clicked OK, the code for the body section of your web page was added to the editor window. All of the code that you build between the 2 body tags <body>Code for body here</body> is what is used by the browser to present text and images on your web page.


Code for body section of document


A visible heading for the page could be typed between the header tags on the page
<h1>Text for page heading</h1>.

Your paragraph text would be typed between the paragraph tags.
<p>Text for paragraphs</p>
Right now the text is: ... Type content here! Use normal word processor or text editor procedures to change it.

Just use your mouse to reset the cursor between the desired tags and start typing.

After you've made some changes, save the page. If it's your home page, its name will be index.html. For now, choose something like myfirstpage.html. Be sure you add your .html extension to the filename.

Now you can look at the page with the View in Browser function. Just click the icon at the top of the editor that looks like this. View in browser


If it's the first time you've used the tool, you may get a dialog box that will help you to choose your default browser.

If your browser doesn't open , you may have to turn off your pop up blocker.

If everything goes right, you should be looking at your web page.


View web page in browser

Note: Some outdated HTML editors will require you to Refresh the page in the browser each time you make a change to the web page and save it. If using Window's NotePad, you'll need to refresh each time you save a change.

For more information on getting a free copy of Note Tab Light, Click Here