HTML Lesson 1: Introducing tags

This page is a work in progress. It has not yet been completed.

Created by:


This is the first in a series of lessons/tutorials designed to introduce html to beginners.

Lets get into it then!

Introduction to HTML

HTML, or HyperText Markup Language, is a language commonly used in writing webpages that can be viewed using an Internet browser such as Internet Explorer, Firefox or Opera. The language is tag-based, which means that it uses tags to decide how to format a web page.

Examples of some tags

One use of html tags - the only use that will be covered in this lesson - is for formatting text.

To format text as <b>bold</b> type, the following tags are used:

<b> ... </b>

To make text <i>italicised</i>, the following tags are used:

<i> ... </i>

Structure of a html tag

You may have noticed that each tag begins with the less-than sign ("<") and ends with the greater-than sign (">"). The text within these symbols is the tag itself and basically tells a html reader (e.g. an Internet browser like Internet Explorer) what to do next.

The forward-slash symbol ("/") is used to close, or terminate, the tag. In the case of formatting text, this tells an Internet browser to continue printing text to the screen in the normal font and no longer bold, italicised, underlined, etc.

Important html tags

Each html document must include the 'html' tag, which identifies the document as html (a web page).

<html> ... </html>

Page titles, headers, footers, and body content all have their own individual tags.

Title tag:

<title> ... </title>

Header tag:

<head> ... </head>

Body tag (defines the main body of the web page): [code]<body> … </body>[/code]

Links / Resources

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License