HTML code can be written in a plain text editor or by using any advance
editor. Let us first see how a plain html code looks like.
<title>Page title here </title>
<META NAME="DESCRIPTION" CONTENT="HTML page structure sample code">
<META NAME="KEYWORDS" CONTENT="HTML page, structure of a page, Meta tags">
Our body content here
The total code is divided into two parts and both the parts are kept inside
<html> tags. Our page should start with <html> and should end with
</html>. The first part inside this html tags is head tag and it starts
with <head> and ends with </head>, after this the second part starts
with <body> and ends with </body> tag. Inside the body tag we keep
all our content which we want to display to our visitors. What ever we place in
this part of the page will be displayed by the browser to the visitors. Now let
us discuss both the parts in detail. We will start with head tag.
The page should have only one starting head tag and one ending head tag. The
head tag starts with <head> and ends with </head> . The text or tags
what goes inside the head tags will not be displayed in the browser window.
Inside this tag we keep all the meta keyword tags used for search engines. One
of the important tag is title tag also kept inside this area. Title tags are
displayed at the top left side of the browser window. Title tags are also
important for our search engine point of view. We should keep most important
keywords inside the title tag. Watch the title tag of this page. If we are
adding any javascrip code here then that will be loaded when the browser opens
the page. Other meta tags we will discuss in detail in a different
HEAD Tag → META tags inside HEAD Tag →
Now let us move to BODY section of the page.
This is where we will place our content for our visitors. What we place here
will be displayed to our visitors. So go on filling this place with your
content to show to the world. The style and other formatting of the text we will
discuss in different sections here.
BODY Tag →
HTML basic tags and understanding of types structure meta with formatting & control of page layout