HTML (HyperText Markup Language)

Creating Your Web Page


Creating a Web Page

Websites have changed a lot over the years, but the basic principles behind HTML have remained the same, i.e. the <html><head><body> format that composes it. Notwithstanding that it was created for a completely different intention than that for which it came to be used, adjustments have been made to it to make it more suitable for the World Wide Web, but if you knew HTML fifteen years ago, you can still easily create a website nowadays... and make it look good with CSS (see next page).

Why not take a look at one of the first websites we were assessed on during our Certificate III (Semester 2, 2016): a games website featuring no less than five pages of games. Instead of all computer games, I chose three (old-fashioned) computer games with the remainder being a very popular fantasy trading card game (Magic: the Gathering), and an out-of-production fantasy tabletop battle game (Warhammer). The following page will fill you in on the specifics of these games, if you are interested. (Click the image to follow the link):

Magic screen snip

Figure 5: Games website featuring computer games, a tabletop battle game and a fantasy card game.

HTML: Class Notes and the Box Model

Examine, if you will, the following image, known as the box model:

HTML Box Model

Figure 6: The box model.

Further Notes

"An HTML document is composed of three parts:

  1. A line containing HTML version information
  2. A decorative header section (delineated by the <head> element)
  3. A body, which contains the document's actual content"

Examine, if you like, the following HTML tag quick reference (Click to open PDF):

HTML Tags Quick Reference

Figure 7: The HTML tags quick reference guide.

Last but not least, some useful links for your HTML study/practice:

  2. (Use this often!)

© 2016-2020 Leo Coroneos
Certificate IV in Information Technology
South Regional TAFE, Albany WA Australia