Saturday, January 28, 2012

Start learning HTML from the scratch.

HTML a basic essential element of internet lives. Without HTML we can't even imagine this virtual world in which you roam everyday. HTML is actually client side language and can be use to show the content coming from server. As you are going to be programmer, may be super one, you need to know this easy to learn language. So here we have covered just basic things regarding HTML. We can't jump directly to the great height of HTML programming yet. Better to start from lower end to higher end. Article has been written for those who are just beginners, newbie or for those who brained out the theories studied in the lectures :D. So lets start!



HTML stands for what?
It is an abbreviated form stands for Hyper Text Markup Language.

Where HTML is being used?
You should not go further if you don't even know the answer of this question.

Great you have learned now lots of words, time to pick up the sword!
Lets do some practical job.
HTML webpage consists of codes called tags. Everything written in between main code <html> and </html>. Few tags are pair tags means if you start the tag you need to end it with</tag_name_here>
and few are single tag, no need to close them.

Comments in HTML:
We are staring to from the commenting system. As being good programmer you must add comments to refer what you have coded. So any noob can identify your work.

You can write single line comment like this
// YOUR COMMENT HERE!

If you have more to say, use multiline comments.
 <!--
                 YOUR BLAH
                             BLAH
                             BLAHS GOES HERE
-->

Now one tip from us :  Write one comment before starting your task, stating what have made or going to build. Ok?

Bury this in your Brain. Template of basic HTML.

// This is just a template you need to create it for every time. 
<html>
<head>
<title></title>
</head>

<body>
</body>

</html>

Explanation:
We start our code from starting html tag. <html>
Then head parts comes starts from <head>, we can add more codes in head section as of now, Title tag is enough.
What this Title tag will do?
It is used to create title of webpage, which you often read as tabs name in your browser. When you open the Google.com check out the tab name, it will be showing "Google". And that is the use of Title tag.
Title tag is pair tag so you need to close it. </title>
Now close the heard part </head>

Body part of the html code contains of the data you want to see there on your page. Like images,videos,tables,charts,animation etc. But as this is just first article on the HTML language. We are not coding anything in body section.
So simple start and close the body section. <body></body>

And at last over the html tag. </html>

Saving the file.
You must save the file with .htm or .html extension. Save it and open. You will see one PURE white blank html page. With tag name you have written in between Title tags.

Please give us Strength by your Comments, because they prove that you were here once. :) 

1 Responses:

this is great !
wht about nxt tutorial ?

Post a Comment