Showing posts with label HTML Basic Tags. Show all posts
Showing posts with label HTML Basic Tags. Show all posts

HTML Basic Tags

The basic tags for all of HTML files are very easy and everybody should use these tags for his/her HTML files.
These tags are <html>, <head>, <title>, <body>.

#<html> - tag contain the whole HTML pages.
#<head> - tag contain all information of header.
#<title> - tag contain the title of the page.
#<body> - tag contain all elements of page.

Now we explain of these tags 1 by 1.

1.The <html> tag:
 The <html> tag is start with <html> and end with </html>. All the elements of HTML pages are situated into this tag. For example:-

<html>
<head>
<title>HTML tutorial</title>
</head>
<body>
<p>This is a paragraph</p>
</body>
</html>

2. The <head> tag:
The <head> tag contain all other header tags. It is the first thing to appear the <html> tag.
Every header tag must contain a <title> tag to indicate the HTML document. It may also contain the following tags, in any order:
*To create a base url for all links on page, the <base> tag  is used.
*To include pictures, JavaScript object, MP3 files, Video files, Flash animations on a page we should use the <object> tag.
*To include the CSS rules in the document we use the <style> tag.
*To include the JavaScript  inside the pages we use the <script> tag.
*To includes information about the document such as keywords and a description, which are particularly helpful for search applications we use the <meta> tag.
Example:-
========================================================================
<head>
<title>HTML tutorial</title>
<meta name="Keywords" content="HTML, Web Pages" />
<meta name="description" content="HTML Basic Tags" />
<base href="http://www.webandseotutorials.blogspot.com" />
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript">
_uacct = "UA-322983";
urchinTracker();
</script>
</head>
========================================================================
3.The <title> tag:
 The <title> tag is a child tag of <head> tag. It display at the top of the browser window.
Example:-
========================================================================
<head>
<title>HTML tutorial</title>
</head>
========================================================================
4.The <body> tag:
 The <body> tag is situated after the <head> tag and this is a part of a Web page that you actually see in the browser window, which is sometimes called as body content.

Example:-
========================================================================
<body>
<p>This is a paragraph</p>
</body>
========================================================================
If  all these tags are putting  together, it looks like below:
========================================================================
<html>
<head>
<title>HTML tutorial</title>
<meta name="Keywords" content="HTML, Web Pages" />
<meta name="description" content="HTML Basic Tags" />
<base href="http://www.webandseotutorials.blogspot.com" />
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript">
_uacct = "UA-322983";
urchinTracker();
</script>
</head>
<body>
<p>This is a paragraph</p>
</body>
</html>
========================================================================