Thursday, 19 January 2012

Lesson 1 - Introduction to HTML Programming

Welcome to the first HTML programming lesson !

Before you start , there are only 2 simple tools that you need:
  • A browser 
  • A notepad 
If you are using Operating System such as Microsoft  Windows 7 ,I sure you have that in your hand.

You wont need an internet ready computer during all these lessons.
Let's start now.

HTML stand for Hyper Text Markup Language.
It is a type of language that come with a lot of tags a.k.a HTML tags to describe webpage.
Below are the most basic and common HTML tags:
  • <html>   </html>
We always start our html webpage with <html> and end with </html>, this tag tells the browser that this is a html webpage .


  • <head>  </head>
This tag contain general information about the HTML document.
  • <title>   </title>
This tag give a name or title of your page .It will be shown at the top of the browser .It need to be put between the <head> and </head>
  • <body>   </body>
This tag defines the body portion of your page.

As you see,most of the html tags start with < > and end with </>.Some of html tags do not have </> but We will not learn during this lesson.Now let's see some example of basic html page.

<html>
<head>
<title>My first HTML</title>
</head>
<body>
This is the content of my html page
</body>
</html>
Now , I will teach you an extra tag - the comment tag. It will start with <!--  and end with -->.
All text between the tag will be ignore by the browser so it will not be shown.This tag is used when you create a html webpage that have a lot of things such as with some javascripts function. With this tag , you will know what is the roll of the certain part of your html page.  Here is another example:


<html>
<!-- This is the homepage -->
<head>
<!-- This the title of my webpage -->
<title>My first HTML</title>
</head>
<!-- The content of my page -->
<body>
This is the content of my html page
</body>
</html>


Just try it yourself. Have fun , see you next time.

No comments:

Post a Comment