UNDERSTANDING HTML
<html>
<head> </head> <body> </body>
</html>
The above is the basic html code sturcture for any webpage.This will be explained in the next chapter. Now try to understand what is html code and where you can view it, how it is saved and how it is displayed as a webpage.
(1) Right now on the screen the page you are now viewing is a webpage. Study,how this page is structured , on the right upper corner a picture with title of the website is located and on the left upper part some ads are being displayed and next to upper part you are
viewing a row with 10 equal parts having links to other lessons and below that row again ads row after that body of content and so on
(2) This webpage is the output of a html code which you can view by clicking on
view in the toolbar and clicking source from the dropdown list.This web page is the out put of that html code which you are viewing as source. The same is explained here with browser pictures for easy understanding.
(1)first step
You go the the view in the tool bar as shown here and click on the view and you will get a drop drown list as shown in this picture in which the word source or pagesource(in case of firefox browser) will appear,then you click on the word source and you will get a note pad with html codes as shown in the second picture below
(2)second
step
After clicking source as explained above you get the output in a notepad with html code this code is interepreted by the browser(internet explorer) as a webpage which you are viewing now.
(3) Every webpage is the outcome of a html code. The browser(internet explorer
or firefox or opera or anyother br1) reads the html code and gives the
output as webpage. A website is nothing but a combination of one or more
interlinked webpages.
(4)You can write the html code in a notepad and save it with a name of your
choice but with an extension of .htm or .html(ex:-mypage.html,mywebpage.html,raman.html
...) Unless you save with such extention the code written by you only a normal
text document with html tags as it is and only when you save it with a name.htm or name.html
your html text code becomes webpage .
(5) The html code is written with various types of tags and attributes. The <
and > are used to display tags. Tag is an html language term for expressing a
certain part of webpage for example to express paragraphs we use <p >
</p> tags. The first one is called opening tag and the second one is
called closing tag of a paragraph. The closing tag contains a "/" .
Every html document is written between two main html tags <html>
</html> tags.
Note: Tags in html are NOT case sensitive. For example... <head> and <HEAD> both mean the same thing and are interpreted as being the same. Suggestion: In newer html standards, it is -highly suggested- that you keep all tags lowercase, that is, it is better to use <body> than <BODY> even though both work.
Note: Extra spaces and line breaks (blank lines) will be ignored when the html is interpreted... so add them if you wish to do so but with one exception for <pre> tag. This tag recognises line breaks and spaces in the html code
example:There
is no difference between
<html>
<head> </head> <body> </body>
</html> and
<html> <head> </head> <body>
</body> </html>
the above two codes give same result.The space
and line breaks will be ignored in html code only in the case of <pre> tag
the line breaks and spaces in the code will be taken into account.
| 
