HTML Code Structure with head and body tags

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.

<meta http-equiv="Content-Type"content="text/html;charset=windows-1252">
<html>
<head>
<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"> 
</head>
<body>

Our body content here 

</body>
</html>

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.

<HEAD> </HEAD> Part I

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 section.
HEAD Tag
META tags inside HEAD Tag
Now let us move to BODY section of the page.

<BODY> </BODY> Part II

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

Close our page with </HTML> tag. This is all bout structure of our html code. We will discuss more on this in our different sections here.
Introduction to HTML
Types of HTML tags Meta Tags in HTML page Standard Layout of web pages
How to add Blank Space in HTML

saud	20-02-2013
that is good for me i want to learn moooooore . Thanks.

pratheep	05-08-2013
very good

HTML codes and page structure

<HEAD> </HEAD> Part I

<BODY> </BODY> Part II

Subscribe