Sunday, October 10, 2010

HTML Meta Tags

metadata in HTML let you specifies information about a document rather than document content in a diffrent of ways. the meta elements includes description, keywords, autor, etc...

metaddata provided by using meta tags is a vey important to your web. it can assist search engines in finding the best match when a user performs a search.search engines will often look at any metadata included on web page especially meta keywords. meta keywords useful in web ranking.it helps you to rank your web site in diffrent search engines.

Meta tags examples:
Specifying Keywords:We specify keywords which will be used by the search engine to search a web page.
please see below example which we using for our web site
<head>
<meta name="keywords" content="markup tutorial, Leanr HTML" />
</head>

Document Description: this is most important for your web page.this is short information about your web page. many search engine use this information while searching web page.

Document Refreshing: you can specify a duration after which your web page will keep refreshing.
You can specify a duration after which page will be refresh.
<head>
<meta http-equiv="refresh" content="10" />
</head>

Setting Author Name:
You can set an author name in a web page using Meta Tag. See an example below:
<head>
<meta name="author" content="Abhishek" />
</head>

HTML Basic Tags

The basic structure for all HTML documents is simple and should include the following minimum elements or tags:
<html> - The main container for HTML pages.
<head> - The container for page header information. head section includes page title, description of the page, keywords ,etc...
<title> - it display title of the page.
<body> - main body of the page.etc.....

Now we will explain each of these tags one by one.
The <html> element is the containing element for the whole HTML document. by using <html> tag browser will comes to know that whole document in HTML.
each HTML tags should have opening & closing tags (<html>...</html>,<body>..</body>,etc...)

The <head> element is just a container for all other header elements. such as title, description, keywords, css, base, etc....

The <title> Element, You should specify a title for every page that you write inside the <title> element.It displays at the very top of a browser window. Its is used by search engines (Google, Yahoo, MSN, etc..) that use its content to help index pages. therefore, it is important to your sites.



The <body> Element appears after the <head> section or elements. it contains content of web pgae that you actually see in the main browser window.

Saturday, October 9, 2010

HTML Document Structure

An HTML document starts and ends with <html> & </html> tags. These tags tell the browser that the entire document is composed in HTML. Inside these two tags, the document is split into two sections:

    *  The <head>  </head> elements, which contain information about the document such as title of the document,description, keywords, author of the document etc. Information inside this tag does not display outside.
    *  The <body></body> elements, which contain the real content of the document that you see on your screen.

Create simple HTML page

You have basic HTML document now to see some result put the following code in title and body tags.
 
<html>
<head>
<title>This is document title</title>
</head>
<body>
<h1>This is a heading</h1>
<p>Document description goes here.....</p>
</body>
</html>
Now you have created one HTML page & save it index.html. 
now open index.html page in your browser which you are using.
& you will see result of document.

in above document we used different types of HTML tags such as (<html>,<head>,<title>,<body>, <h1>, <p>). there are many types of HTML tags.

Creating HTML Document

creating of HTML document is so simple.to start coding HTML you need only 2 things simple-text editor (Notepad) & web browser (Mozilla, Internet explorer, etc....).
Notepad is a basic simple-text editor.

Here are the simple steps to create a basic HTML documents:
  • open a notepad or any other text editor.
  • at the starting of the page type <html>
  • On the next line, indent five spaces and now add the opening header tag: <head>.
  • On the next line, indent ten spaces and type <title> </title>.
  • Go to the next line,close head tag </head>
  • on the next line open <body> tag.
  • give space of five lines & close </body> tag.
  • after on next line close </html>
by using above code browser comes to know that page in HTML.

Introducing HTML

HTML stands for Hypertext Markup Language, and it is the most widely used language to write Web Pages. As its name suggests, HTML is a markup language.
  • Hypertext refers to the way in which Web pages (HTML documents) are linked together. When you click a link in a Web page, you are using hypertext.
  • Markup Language describes how HTML works. With a markup language, you simply "mark up" a text document with tags that tell a Web browser how to structure it to display.
Originally, HTML was developed with the intent of defining the structure of documents like headings, paragraphs, lists, and so forth to facilitate the sharing of scientific information between researchers.

Hello Guys,

I am here to share my information which I have with you related to web developement.

If you have any suggestions please give me so that I could include here in my blog and make more beneficial to the users who will read it.