The Reliable Software HTML Page
Programmers' Home Site
HTML
Tutorial for the beginners.
HTML is really simple to learn. Your pages will look so much better if you create them directly in HTML. This tutorial will introduce the basics and give enough examples to let you start developing your own web site.
Your first page.
Let's start with the "Hello World!" HTML page. For that purpose, all you need is the page title that will appear in the title bar of the browser when you load this page.
<html>
<header>
<title> Hello World! </title>
</header>
</html>
begin HTML
begin header
the title of the page
end header
end HTML
Click here to see the actual page-- the result of this html code. It's empty, but your browser will show "Hello World!" in its title bar.
By the way, most browsers have the option to "view source" which lets you look at the HTML source code for the page you are watching. If you want to check if the "Hello World!" page was created using the code above, go there and "view source." You can also save the source as a text file with the extension .html (or .htm). You can watch this saved file using your browser (that's also an easy way to test your own creations).
In HTML you create blocks. Each block starts with a tag that looks something like this:
<tag parameters>
and, in most cases, ends with a counter tag of the form
</tag>
In the example above all the tags were parameter-less. Notice also how the blocks can be nested one within another.
The outer block of every HTML page is delimited by a pair of html tag-counter tag. Inside it we have a header block. The header contains the title block with the plain text "Hello World!" inside.
Text pages.
It's fun creating empty pages, but it's even more fun filling them with some text. Everything that the browser shows as your page is the contents of the body block. As you might have guessed, the body block starts with the tag:
<body>
and ends with the counter tag
</body>
We will continue this tutorial on the next page, that has the following form
<html>
<header>
<title> Text Page </title>
</header>
<body>
Text tutorial.
</body>
</html>
begin HTML
begin header
the title of the page
end header
begin body
free form text
end body
end HTML
Click here to see the next (text only) page of the tutorial.
