The menu for this webpage is at the bottom of every page, click here to go there.

Information Technology (IT) - Learning

HTML Tutorial - An Introduction

Let's begin with a basic HTML tutorial. HTML uses XML. XML involves opening and closing tags. Every opened tag must have a closing tag. For example <HTML>...</HTML> the opening tag is <HTML> the closing tag is </HTML>

Review question: What is the opening and what is the closing tag for <BODY>...</BODY> If you don't know the answer to this and need help still, please contact me I'm happy to help. Hint: The closing tag has a less than sign and then forward slash then some letters and then a greater than sign. The opening tag has a less than sign and then some letters and then a greater than sign.

Now download basic-html.txt to your computer and save it as basic.html then open it in firefox or internet explorer or whatever browser you use. Notice the title bar up the top, and then text on the page. Try editing the file in notepad and see if it changes. You cannot use certain symbols such as less than sign or greater than sign in your writing. For the symbols you would use instead, see w3schools html entities the entity name shows what you would type into the HTML file, and the result shows what it will display.

Now let's try making a list of elements. Download the file list-html.txt to your computer and save it as list.html view it in your browser and then try changing the text of each list item and see what happens. You can also add extra list items just by placing <LI>text of item on a line. It is not necessary to have a closing tag for each LI tag, even though strict html requires one. You can put a closing tag for the LI at the end of each line, if you want. Try it and see.

Now load paragraphs-html.txt and save it as paragraphs.html and view it in a browser. Try editing the HTML file and changing the paragraphs or new lines (BR for a new line, P for a new paragraph). See the difference?

That concludes this basic introduction to HTML.


  1. Home
  2. Introduction
  1. Daz Studio
  2. Effect3D Studio
  3. Faceworx
  4. Flare3D
  5. Home Design Suite
  6. IClone4
  7. Three
  8. Various
  9. VRML
  10. WidgetCast
  1. Collaborations
  2. Dogwaffle
  3. Drawing
  4. Drawing (2)
  5. Other
Information Technology (IT)
  1. AIE Game - Animal Farm Antics
  2. ASP.NET Demo
  3. chatPC
  4. Dreamweaver Tutorial
  5. JavaScript Graphics
  6. jQuery
  7. jQueryUI
  8. JSP
  9. Kid Vote
  10. Learning Tutorials
  11. Other
  12. Php Simple Demo
  13. SuperQuadric
  14. Tips
  15. Virtual Reality Language VRJP
  16. WPF Patterns
  1. 2XX
  2. Band In A Box
  3. Chord Composer
  4. Collaborations
  5. Jevan Singing Covers
  6. Creative Rhythmania
  7. Internet Radio
  8. Jazz in Canberra
  9. Jevan singing Karaoke
  10. Jevan Originals
  11. Jevan Piano Jazz
  12. Songs I like
  1. Acting
  2. Blog and Newsletter Archive
  3. Candles
  4. Chat and Social Sites
  5. Contact
  6. Dance
  7. Dating and Friendship
  8. Engineering
  9. Engineering - PSpice
  10. Engineering - Robot Design
  11. Intelligence and Personality Tests
  12. Job Searching
  13. Links
  14. Movie Favourites
  15. Personal History
  16. Ringtones
  17. Scouts
  18. Smileys
  19. Writing
  1. Best Ones
  2. Panorama
By Jevan Pipitone 2018. You can use or copy any of my material as long as you add a link to the web page