Ray's HTML Tutorial

So far, you have learned how to set up your basic web page. In fact it is advisable to always start writing your web pages, not with a blank document, but instead with a saved template which already contains the basic elements that we must always include in all HTML documents.

Of course, there is not much you can do with your basic web page and the paragraph tag - that we discussed earlier. Fortunately there are a bunch more tags that can be used to customize your content so that you can create web pages that are truly unique. We will begin to discuss some of those now.

In the left pane below are some more basic tags built into an HTML document that you will need to produce an attractive web page.

In the right page is the way that those tags will render or display in your browser.

Now we introduce a few more tags that allow for basic text formatting. The color coding in the left panel is just for clarity. To the right, you see what this page renders.

 <html>
  <head>
    <title>Experiment</title>
  </head>       
   <body>
    <h1 align="left">Example Heading 1</h1>
    <h2 align="center">Example Heading 2</h2>
    <p align="center">There is also 3,4,5,
     but you get the idea</p>
    <h6 align="right">Example Heading 6</h6>
    <p>This is <b>bold</b>
   </body>
</html>
   <!-- these words are comments that you can
freely insert throughout your page -->

Study the above HTML code on the left to see how the page displayed to the right was created. We used a few of the various <heading> tags, a aragraph tag and the old tag. Also available are text formatting tags such as talic, nderline, phasis plus several more that get used less frequently. Each requires its closing tag, the same as the opening tag except that the "<" symbol is followed by a "/", e.g. this is italics.

More Tags...