LEARN FROM IIT PASSOUTS AND INDUSTRY EXPERTS
HTML means Hyper Text Markup Language, is the most common markup language used for Website development.
HTML means Hyper Text Markup Language, is the most common markup language used for Website development.
Pre-requisite for self-learning
- Working knowledge of Windows or Unix
- Working knowledge of any text editor, Notepad++ recommended.
- Working knowledge of creating directories and files
- Working knowledge of internet browsing using a browsers
What is HyperText ?
HyperText is the text which you use to link HTML documents i.e. web pages
together.
What is Markup Language?
Markup Language is a language which uses tags to mark up text and guides
web browsers on how to display a text document in a structured way i.e. well
designed web page.
When you will combine both of these i.e. HyperText and Markup Language, it
becomes HyperText Markup Language or HTML.
What do you mean by tags?
"tags" are those words, you can say HTML keywords, which are
used to mark up text like HTML, head, body,
title. When these words are used within either opening tag container i.e.
<> or closing tag container </>, they become tags. Different tags
have different attributes which you will learn in other classes. In HTML, tags
are not case-sensitive, so you can use either upper case or lowercase or even
mix uppercase or lowercase letters. Mixing of uppercase and lowercase letters
are not recommended.
*HTML tags or HTML elements, both are same.
Opening tag Ex. <HTML>, <head> etc.
Closing tag Ex. </HTML>, </head> etc.
What is HTML Document ?
An HTML document is a layered structure of HTML tags, explained below in
steps.
Step 1:Main layer
<html>
</html>
It starts with <html> tag and ends with </html> tag.
Uses: informs web browsers that this is an HTML document.
Step 2:Main Layer is divided in
two layers head and body
<html>
<head>
</head>
<body>
</body>
</html>
Uses: The head segment provides
general information about the document like its title,style used,script
function etc. which are not availble on the web page display.
Uses: The body segment contains all content which are availble for display
on the web page.
The head and body segments, both are divided in to various layers as per
requirement.
Now let's do some basic HTML
coding.....
Step 1: Open text editor.
Step 2: In editor,type (please, follow structure)
<html>
<head>
<title>ENTER
TITLE</title>
</head>
<body>
<h1>Enter
heading</h1>
<p>Say
something</p>
</body>
</html>
*<title> is title opening tag.
*<h1> is heading opening tag.
* <p> is paragraph opening tag.
Step 3: Save the work.
- Go to file menu at the top of editor, click on it.
- Find save or save as option, click on it. A box will appear.
- Create new folder and open it.
- Find "save as type" option at the bottom of box, select "All Files" options from drop down menu.
- Give a name to your first HTML file,type index.htm or index.html **You can use either .htm or .html, both are valid extension for HTML file.
- Click Save.
Congratulations, you have created
your first offline web page. Open it, have a look and smile.
Have any questions, Contact Us
Google+
No comments:
Post a Comment