HTML Tags Tutor

Introduction

This little tutorial is designed to give you hands on experience in developing web pages using HTML code.

The basic layout of each lesson is shown below. A sample lesson is provided.

Lesson steps are presented on the left. Code is typed into the simple editor on the right and then previewed.

A basic HTML web page shell is built into the editor.

Some lessons will include additional steps listed below the editor.

Also presented below the editor will be Lesson Notes which will give more information about the HTML tag.



Lesson steps

Click the <> button to enter your code

Type the code shown here for an H1 header tag in the editor window:

<h1>Hello World</h1>

Click Preview button.

Lesson Notes

This is the shell that is built into the editor:
<html>
<head></head>
<body>
</body>
</html>

The code that you will be typing would actually be entered between the body tags.