HTML Basic Tags

by Rakesh on February 22, 2013

What is HTML and how to use it ?

HTML stands for Hyper Text Markup Language. HTML is the main markup language for creating web pages and other information that can be displayed in a web browser. HTML is written in the form of HTML elements consisting of tags enclosed in angle brackets (like ). These days we use more advance programming languages like java, asp, php etc but HTML is work as base for all. HTML tags are very easy to learn. With HTML, you can make static websites.

Simple Example of HTML Tags:

<html> 
 <title> Heading Example </title> 
 <head> 
 </head> 
 <body>
 <h1> Hello, This is Heading </h1> 
 </body>
</html>

The text written between <html> and </html> describes web page. Also known as Start and End Tag. This tag describe to any browser that, following page is a HTML page.

The title of page written between <title> and </title> is used.

The script written between <head> and </head> tag is used.

The text written between <body> and </body> is actual page content or body of the webpage.

The text written between <h1> and </h1> is shown as heading.

The text between <p> and </p> is shown as paragraph.

HTML tags are keyword (reserved words) written in angle brackets.

Tags comes in pairs like <h2> and </h2> First tag is called as opening or start tag. Second tag or tag with a back slash is called as closing or end tag.

Step To Write your HTML Code

Step 1 : Open text editor like notepad, dreamweaver or CoffeeCup HTML Editor. The simplest one is notepad.
To open Notepad, Go to Start > All Programs > Accessories > Notepad

Step 2 : Write your HTML Code here :

<html>
  <titile> Paragraph Example </title>
  <head>  </head>
  <body>
  <h2> Heading </h2>
  <p> First Paragraph </p>
  <p>Second Paragraph </p>
  </body>
</html>

Step 3 : Save your HTML file with extension .html or .htm

Step 4 : Run Your Code. Double click on the file. It will be displayed as shown below with your web browser

Heading HTML Tags:

There are 6 tags for Heading from <h1> to <h6>

<html> 
 <title> Heading Example </title> 
 <head>  </head> 
 <body> 
 <h1> H1 Heading </h1>
 <h2> H2 Heading </h2> 
 <h3> H3 Heading </h3>
 <h4> H4 Heading </h4>
 <h5> H5 Heading </h5> 
 <h6> H6 Heading </h6>
 </body>
</html>

Output: 

Formatting HTML Tags :

To Bold Text

 <b> Bold Text </b> 

Computer code

 <code> Computer code </code> 

Emphasized Text

 <em> Emphasized Text </em> 

Preformatted Text

<pre> Preformatted Text </pre>

Italic Text

<i> Italic Text </i> 

Strong Text

 <strong> Strong Text </strong> 

Superscripted Text

 <sup> Superscripted Text </sup>

Subscripted Text

<sub> Subscripted Text </sub> 

Inserted Text

<ins> Inserted Text </ins>

Deleted Text

<del> Deleted Text </del>

A section quoted from another source

<blockquote> Quoted Text </blockquote>

Abbreviation

 <abbr> Abbreviation </abbr>

contact Information

 <address> Contact Address </address>

HTML CODE :

 <html>  
   <body>
   <b> Bold Text </b> <br>  
   <code> Computer code </code> <br>
   <em> Emphasized Text </em><br>  
   <pre> Preformatted Text </pre> <br> 
   <i> Italic Text </i> <br>
   <strong> Strong Text </strong> <br>
   <sup> Superscripted Text </sup> <br>
   <sub> Subscripted Text </sub> <br>
   <ins> Inserted Text </ins> <br>
   <del> Deleted Text </del> <br>
   <blockquote> A section quoted from another source  </blockquote> <br> 
   <abbr> Abbreviation </abbr> <br>
   <address> contact Information </address>  
   </body>  
</html>

Output :

These are basic HTML tags to create a static webpage. We are working on it and will add more articles of HTML basic and advance learning. You can send your queries anytime. We will give our best efforts to help you.

Thanks..

zp8497586rq

Comments on this entry are closed.

Previous post:

Next post:

Güncel Haberler