Welcome to blog for only html developer's............!


    "In these 21st Era Internet is most important and common thing in world. approximate 65% people know what is internet. The Internet is medium of increase your business with website. The Website is a collection of your
    business information and other things. In a day every person want to make own website but due to knowledge they will not done. Here we provide you HTML programming language for making a simple website. The HTML is Hyper Text Programming Language which is commonly use in every website development. In this blog you will learn what is html and how to use it. We provide all HTML tutorial with beginning. This blog is very good for HTML beginners. This will be start with basic tags and with specify output.."
      An Example of good web design is Web development

 

 What is HTML?


Html is hypertext markup language, is the most widely used language on web development, Technically, Html is not a programming language, but rather a markup language. To use of Html language creating webpages are easily. Html  is user friendly programming language. by the use of html developer can design good looking website.

    Hypertext:- Refer to the way in which web pages are linked together. When you click in a web page, you are using hypertext.
    Markup language :- Describe how html works. with a markup language.


History of HTML 

Html is developed by physicist tim bernes-lee in 1980 for propose of researcher use and share documents. The first time html available for public by the name of "HTML Tags" and mentioned of internet in 1991. Many version of Html are come in internet market the latest version of html is HTMl5 which contain many advanced features for developing a user friendly websites.

Creating Html page


Creating html pages is very easy. Before coding you have need to two thing, a simple text editor(Notepad) and a web browser.


          Some basic step to creating a simple web document:

          1. Html always started with <html> tag.

          2. And end with closing tag </html>.

          3. All of code are always written in <html></html> tag.

          4. Save this file with .html or .htm extension.

          5. And open this file on web browser.

HTML BASIC TAGS


1. The <HTML> Tag :- The <html> tag element is the containing element for the whole html document. each html document should have one <html> and each document have end with a closing </html> tag.
       
              Example:-
                                      <html> Elements </html>

2. The <HEAD> Tag:- The <head> element is just a container for all other header elements. it should be come after html tag.
following some tags are used in the <head> tags.
  • <Title> It is very important tag which use for the indication title of the document.
  • <Base> tag is used to aerate a "base" url for all links on the page.
  • <Object> tag is used to include images, JavaScript objects, flash animations, mp3 files and other component of a page.
  •  <Link> used for adding external files, such as style sheet or JavaScript file.
  • <Script> tag is used for include JavaScript or vbscript inside the document.
  • <Style> tag is used to add css code inside the document.
  • <Meta> tag is used for include information about page such as keyword and a description, which are helpful for search applications.
           Example:-

<head>
<title>HTML Basic tags</title>
<meta name="Keywords" content="HTML, Web Pages" />
<meta name="description" content="HTML Basic Tags" />
<base href="
http://www.tutorialspoint.com" />
<link rel="stylesheet" type="text/css" href="tp.css" />
<script type="text/javascript">
_uacct = "UA-232293";
urchinTracker();
</script>
</head>

3. The <TITLE> Tag:- The title that should be specify by you for  every pages that write inside the <title> tag. This tag is child tag of head tag.

  •  Tittle displays at top of every browser window.
  •  It is used by search engines that its content to help pages.
  •  It should be contain only text for title and describes content of your page.
                 Example:-
   <head>
   <title>HTML Basic tags</title>
  </head>

4. The <BODY> Tag:- The <body> tag is come after head tag and containing the part of the web page that you actually see in the your browser window, which is sometimes referred to as body content. A <body> element may contain anything from a couple of paragraphs under a heading to more complicated layouts containing forms and tables.
                  Example:-
                                   <body>
                                   <p>This is a paragraph tag.</p>
                                   </body>


Now if we will put all these tags together, it will a complete html document as follows:


<html>
<head>
<title>HTML Basic tags</title>
<meta name="Keywords" content="HTML, Web Pages" />
<meta name="description" content="HTML Basic Tags" />
<base href="
http://www.tutorialspoint.com" />
<link rel="stylesheet" type="text/css" href="tp.css" />
<script type="text/javascript">
_uacct = "UA-232293";
urchinTracker();
</script>
</head>
<body>
<p>This is a paragraph tag.</p>
</body>
</html>
 5. The <META> Tag:- The meta tags are contain information about a document rather than document content in a variety of ways. the meta tag can be used to include name/value, description of the html document, such as author, list of keyword etc.

The <meta> tag is and empty element and so does no have a closing tag. the meta tags include information within attributes, so you need a forward slash character at the end of the element.

Meta tag examples:-

With keywords:- This is important tag for search engine like Google so using following tag you can specify important keywords to your page.

                          <head>
                          <meta name="keywords" content="HTML, meta tags, metadata" />
                          </head>

With description:- The description page should be provide description a webpage. The description should be contain 150-160 characters.

                           <head>
                           <meta name="description" content="Learn about Meta Tags." />
                           </head>

With Title:- The meta title are used for some useful information about your webpage. these tag should be located within head tag.

                           <head>
                                 <meta name="title" content="Free tutorials on HTML, CSS and PHP - Build your own website - HTML.net" />
                           <head>

                

No comments:

Post a Comment