Easy HTML tutorial

An HTML document has two basic parts. One contains few important document information, like document title, description, etc. which are not displayed on browser window. This part is known as head section of the document. And the other part known as body section, contains the text, graphics, etc. which are displayed over the browser window.

HTML tags:

Its tag represents any element in an HTML document. A tag is started with starting tag symbol "<tag name>" and ended with the closing tag symbol "</tag name>" symbol. So a head section is started with <head> and ended with </head> tag. Similarly the body section of a document started with <body> and ended with </body> tag; and the entire HTML document is started with <html> tag and ended with its closing tag </html>. A basic html page looks like,
<html>
<head>
[More tags to represent title, description, etc.]
............
............
</head>
<body>
[More tags to display text, image, etc.]
............
.............
</body>
</html>

Here is an example of real HTML page.

Code | Download
<html>
<head>
<title>Easy HTML tutorial</title>
</head>
<body>
<p>This is an example paragraph.</p>
</body>
</html>

Look carefully the above example. I introduce two new tags. One is title and another is p. The title tag (started with <title> and ended with </title>) represent the document title. The p tag represent a paragraph. You can insert as many paragraphs as you want by enclosing <p> and </p> tag for each of them.

We can summarized the above discussion as,

  1. An HTML document started with <html> tag and ended with </html> tag. All other elements (defined by their tags) kept inside them.
  2. Two main elements of an HTML document is head (started with <head> and ended with </head>) and body (started with <body> and ended with </body>).
  3. The head section holds important document information like title, description, etc.
  4. The body section contain elements like paragraph, table, etc. which will be displayed over browser window.

How to create HTML document

The simplest way to create an HTML document is to use windows notepad or similar software. Open notepad and copy the above code into it. While saving the document select options,
Save as type: "All Files".
Encoding: "UTF-8".
File name: "test.html".

Here "test.html" is the name of your document. You can save with any other name but you must use (.html) extension. After saving that document you will see a new HTML document icon inside the destination folder where the document is saved. Now double click the file icon, it will open on your default browser window.

Comments:

Add comment