I've colored blue all of the changes that were made to the code to make them stand out. If you use the instructions in the black box above to turn this code into a Web page, you'll see that the page looks much different now. How were these changes made? First of all, we added a style to the body tag that caused the background of the entire page to turn from white (the default background color) to orange. The body section of an HTML document is the only part of the document that shows when the page is displayed. The head section is used mostly to give the browser more information about how to display the page. The only thing in the head section of the document that shows up on your Web page is the information between the title tag and the closing title tag. Your title will appear on the browser title bar. The second change we made to the HTML code is to apply a style to our paragraph tag that gives the paragraph its own background color, in this case - black. That style also caused the text to be colored red and moved to the center of the page. Don't worry if the styles codes look a little confusing. We'll talk more about styles in the next post. Finally, we placed all six HTML heading tags on the page. You might use the h1 tag for your most important heading and then one or two of the smaller heading tags thereafter. When I made this page, I used the h2 tag to give it a title at the top of the page which is How to Create a Web Page. Just beneath that, I used an h3 tag to display a sub-title - The Basic Structure of a Web Document.
When I get around to putting up the next post about creating Web pages, I'll show you how to put images on your pages like the ones I have on this page. I'll also show you how to put links on your pages, like the ones I have on the left side of this page, that will allow you to send your readers to other pages on the Internet. In the meantime, experiment with the code we've already got working. Try changing the colors, for instance. Oh, I need to tell you one very important last thing. That icon setting on your Desktop that will open our document in a Web browser - you can edit it! Just right-click it and the click edit and Notepad opens with the code displayed. Make any changes or additions you want and save them and close Notepad and then click on the icon on your Desktop and see what your changes look like. Oh, and another very important last thing. You can look at the HTML code for any Web page. To look at the code for this page, for example, just click the View tab (next to the File and Edit tabs) and then click Source or better yet, hold down the Ctrl key and type the letter u.
Add this page to your Favorites and keep checking back so you won't miss "How to Create a Web Page - Part Two".