All about : HTML


What is HTML :



Ø  HTML stands for Hyper Text Markup Language. It is introduced by the "Tim Berners Lee " in 1990’s.
Ø  Hypertext means supertext (or) Special identity of easily into market. Markup language means group of special tags.
Ø  Versions of HTML:-
As per W3c recommendation, the following versions are released into the market.
1)           HTML 1.0(1989-1994):- It is the first version, It supports inline image style presentations etc.
2)           HTML 2.0(1995):- It supports form controls backgrounds, tables etc.
3)           HTML 3.0(1997):- It supports advanced tables & complex mathematical equations.
4)           HTML 4.0(1999):- This version is supporting advanced style sheets & multimedia elements.
5)           HTML 5.0(2009-10):- It is web platform, It is combination of Technologies.
Features of HTML:-
Html is not a Language or not a Scripting language. It is Hypertext Resources, It has the following list of features:
It is a Global Language understand by all browsers.
It is extracted from SGML.
It is  not a case sensitive language.
It is used to design the static web pages. Because It contains static tags. These tags are also called as mark up tags.
The web pages can be opened in the browsers. (Microsoft Internet Explorer, Mozilla Firefox, Google Chrome, Safari, Netscape Navigator etc.)
It is the interpreted language. The html code is interpreted by the browser at run time.
HTML is error free language If you pass any invalid tag, browser ignores that.
HTML syntax is in the form of tags.
Ø  Program execution starts from HTML tag.
HTML Program contains two sections:-
1.    Head Section:- Head section is majorly used for dynamic programming. In this we use title tag and frameset tags. Title tag is used to display the title in a browser. Frameset tag is used to divide the browser into frames.
2.    Body Section:- Body Section contains static tags. Whatever you type in body it performs the work under browser.  
HTML Tags:-The text placed between left angular brace (<) and right angular brace(>) is called as Tags.
Syntax:- <tagname> … </tagname>
<html></html>
Tags are are classified into 2 types:
1.    Container Tags
2.    Empty Tags

Container Tags:- The Tags which is having opening and closing tags are called container tags.Ex:-
<html></html>
Etc
Note:- The closing tags always starts with a forward slash(/).
Empty Tags:- The tags which contains only opening but no closing is known as Empty Tags.
Ex:-<br/>
<hr/>
<img/>

Structure of HTML Document:-

<html>                           
<head>
<title>
My Web Page
</title>
</head>
<body>
contents
</body>
</html>                          
Every HTML document contains mainly the following parts:
1.            Opening tags
2.            Contents
3.            Closing tags

1. How to write a HTML Program?

A) Open the Notepad, then write the program
Ex:-
<html>
<head>
<title>Welcome</title>
</head>
<body>
Welcome to YourCodeBook
</body>
</html>
Then save(Ctrl+s) In save in location give the path D:\
Filename: 1.html
save as type:  all files
then click save
after go to the D:\1.html is shown like internet explorer symbol. (suppose your system contains other browsers it shows with default browser icon.)

2. How to run the html program?

Double click on D:\1.html internet explorer symbol. It opens.
How to see the program from browser?
Alt+v (View menu) ->Source
(or)
Right click on browser body select view page source.

3. How to modify the program?

Goto the D:\1.html internet explorer symbol right click on it -> open with->notepad.
If you want to modify then give the modifications click save then exit goto the browser press F5 in browser. We can observe the changes.


- - Sandeep Simeon

Comments