Welcome to iNFiNiTUDE PROGRAMMING SCHOOL!!
HTML TUTORIAL PART 1 : BASICS OF HTML
Here is the iNFiNiTUDE's version of HTML Tutorial, we will try to keep it simple as possible and try to explain everything about HTML so that you can recollect thing's learned in you under graduation or school. First we move with basics so let's get started....
First thing before starting is to know what HTML stands for so,
H stands for Hyper
T stands for Text
M stands for Markup
L stands for Language
Resulting in "
HyperText Markup Language" so, HTML is abbreviated as HyperText Markup Language.
By the way what is "
HyperText Markup Language"
?
"
Hypertext" is simply a piece of text that works as a link.
"
Markup Language" is a way of writing layout information within documents.
So let's make this simple a HTML document is a plain text file that contains text and nothing else. When a browser opens an HTML file, the browser will look for HTML codes in the text and use them to change the layout, insert images, or create links to other pages.
Since HTML documents are just text files they can be written in even the simplest text editor like your notepad or text pad etc..
There are of course HTML editor's - maybe even one that puts focus on the visual result rather than the codes - a so-called WYSIWYG editor ("What You See Is What You Get"). Some of the most popular HTML editors, such as FrontPage or Dreamweaver will let you create pages more or less as you write documents in Word or whatever text editor you're using.
But my advise would be to write your HTML by hand with almost any available text editor, including notepad that comes as a standard program with Windows. All you need to do is type in the code, then save the document, making sure to put an .html extension or an .htm extension to the file.
What is a Tag?when you type in "A" basically a computer sees an "A" as simply an "A" - it doesn't matter whether it is bold, italic, big or small.
To tell the browser that an "A" should be bold we need to put a markup in front of the A.Such a markup is called a Tag.
All HTML tags are enclosed in
< and
>This is how you use the tag in HTML to make some text bold,
HTML:
- Code:
-
This is an example of <b>bold</b> text.
The above piece of text appears on the screen (that's your browser ) like this:
This is an example of
bold text.
As you can see, the start tag
<b> indicates that whatever follows should be written in bold. The corresponding end tag
</b> indicates that the browser should stop writing text in bold.
Remember whenever you open a tag, you should close it as shown in the above example,
<b> for opening or starting the bold tag and
</b> for closing or ending the bold tag
There are four tags every HTML document should have. These tags define the what type of document it is, and the major sections.
These tags are
<HTML>
<HEAD>
<TITLE>
<BODY> <HTML> - All web pages have an <html> tag at the beginning and the end, telling the browser where the document starts and where it stops.
<HEAD> - The head is used for text and tags that do not show directly on the page.
<TITLE> - The title tags encapsulate the title of your page. The title is what shows in the top of your browser window when the page is loaded.
<BODY> - The body is used for text and tags that are shown directly on the page.
So the basic code or template - The HTML code that you will use for any page you make, is shown below:
- Code:
-
<html>
<head>
</head>
<body>
</body>
</html>
We are done with basics of HTML , you now know what HTML is ...... right so we will move forward and learn more in the next tutorial........
-Arvind
Subject: HTML TUTORIAL PART 1 : BASICS OF HTML 
Tue Jun 23, 2009 10:17 am
