Sunday, 6 January 2013

Basic structure of a HTML document


If you are a beginner and want to build a site by using web designing software then you must learn basic HTML 
You must have to keep good knowledge about HTML 
You can build your site by using java script, Flash, Adobe Dreamweaver CS 5  and many others things, but HTML is the basic structure of any website.
So, if you want build a site then you must learn HTML first.

What is HTML?

HTML stands for Hyper Text Markup Language. It is a type of computer language that is primarily used for files that are posted on the internet and viewed by web browsers. HTML files can also be sent via email.The extensions of these files are html or htm.

Basic structure of a HTML document

Here's an example of a simple HTML document structure code:
<HTML>
   <HEAD>
      <TITLE>Welcome to My Site</TITLE>
   </HEAD>
   <BODY>
      <P>This is my first website!
   </BODY>
</HTML>

Basically there are two section all web pages first one is <head> head section </head> and 
second one is <body> body section </body>.

1) Head Section
Firstly you have to put here title of your web page like
<title> your page name </title>.

Secondly put under the head tag keywords, description and content of your page like
<HEAD>
 <TITLE>10 Easy Meditation Techniques</TITLE>
 <META name="description" content="The Perfect Meditation guide for you">
 <META name="keywords" content="meditation, relaxation, relieve stress">  
</HEAD>  
These coding will help you for SEO (search engine optimization). Put these code on every page 
head section according to your page subject or title.

2) Body Section
This body section is everything and your visual page. If you want to show something on your web page then you have to put object under body section like

<body>
......Put it here, what you want to show on your web page......
</body>
 E.g
<HTML>
  <BODY>
     This is My First Web Page.
  </BODY>
</HTML> 

Generally this is the basic of all web pages. When you making your site using web design software then automatically this software converted your created design to as a HTML coding.
So, if you know basic of HTML then it’s so easy to understand basic structure of every web page. Its will be helpful for you to build a site.

0 comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...