The Skeleton of an HTML

All HTML files must have certain tags to be properly displayed by the browser:

  • The <HTML> and </HTML> tags open and close the entire file.
  • The <HEAD> and </HEAD> tags can be used to include more information about the document.
  • The <TITLE> and </TITLE> tags go inside the <HEAD></HEAD> tags. They have the title of the document (not the actual content of the Web page) to be displayed in the window of the browser.
  • The <BODY> and </BODY> tags display the actual content of your Web page that will be visible in the window of the browser.

 

  • One Example:

    This is how you should order these tags to create an HTML file:
    <HTML>
    <HEAD>
    <TITLE>An Example of HTML</TITLE>
    </HEAD>
    <BODY>This is a very simple HTML. 
    <P>I can make words
    <FONT COLOR="navy">navy blue</FONT>.
    </BODY>
    </HTML>

    Here is how this document will show in a Nestcape Navigator window. Notice the title of the document on the browser window:

     

  • View Source:

    A quick way of understanding how HTML works is by going to the "View Source" option in the "Edit" menu of the browser. You can select parts of the HTML that you like and paste them onto your text editor.

    If you are in a page with frames, you will have to choose the "View Source" of the frame you want to see. In a PC, you generally hold down the right button of your mouse inside the desired frame and select "View Frame Source." In a Mac, hold down the button inside the frame and choose "View Frame Source."
    Although this tutorial does not cover frames, you can find links with additional information about them by selecting this link:
    HTML Resources.

Navigation