Some Basic and Useful Tags in HTML.

Tags are elements of the HTML language. Almost every kind of tag has an opening symbol 
and a closing symbol. For example, the <HEAD> tag identifies the beginning of heading 
information. It also has a closing tag </HEAD>.

<HTML></HTML>
This element tells browsers that the file is a HTML document. Each HTML document starts 
with the tag <HTML>. This tag should be first thing in the document. It has an associate 
closing tag </HTML> which must be the last tag in the file.
<HEAD></HEAD>
The head contains important information about the document.

  • <TITLE></TITLE>

The title tag is an important tag. It is used to display a title on the top of your browser window. Both the opening and the closing tags go between the head tags.

  • <META>

Another tag that can be added in the head is a <META> tag. It is used to help search  engines index a page. There are several different meta names.
The author meta:
Collapse

<META NAME=”author” CONTENT=”Nongjian Zhou”>

The description meta:
Collapse

<META NAME=”description” CONTENT=”A very easy tutorial for HTML beginners”>

The keyword meta.
Note that always seperate Keywords with a comma:
Collapse

<META NAME=”keyword” CONTENT=”html,tutorial,beginner,web design”>

The following example shows how these tags are coded:
Collapse

<head>                                                                    
<title>HTML For Beginners</title>                          
<meta name=”Author”                                              
content=”Nongjian Zhou”>                                       
<meta name=”Description”                                       
content=”A very easy tutorial for HTML beginners”>
<meta name=”Keywords”                                        
content=”html,tutorial,beginner,web design”>            
</head>                                                                   

<BODY></BODY>
The Body Tag is used to identify the start of the main portion of your webpage. Between
<BODY> </BODY> tags you will place all images, links, text, paragraphs, and forms. We
will explain each tag that is used within the body of the HTML file.

  • <H#></H#>

There are six levels of headings, numbered 1 through 6. These tags are used for the
characters in the outlines. The biggest heading is <H1> and smallest one is <H6>:
Collapse
<H1>Biggest text</H1>
……                               
<H6>smallest text</H6>

  • <P></P>

Paragraph tags (<P> opening tag and </P> closing tag) allow you to place a paragraph. For
example:
<p>Basic Information</p>
*The </P> closing tag may be omitted

Align

The defaulted position is left justification. You can also use “ALIGN” for justification:
Collapse
<p ALIGN=”center”> Paragraph will be centered</p>  
<p ALIGN=”left”> Paragraph will be left justified</p>   
<p ALIGN=”right”>Paragraph will be right justified</p>

            Ex : <CENTER></CENTER>
                       This kind of tags have capability of allowing you to center the text on the homepage.
                        Collapse
                       <center><p> Paragraph will be centered</p></center>

<BR>

This tag break whatever to be on the next line. The following is an example:
Collapse

<p>Welcome To<br> My Homepage!</p>

<HR>
This tag adds a horizontal line or divider to your web site. An <HR> tag makes the following
divider:
The <hr> tag can be set as:

<hr width=”450″ align=”right” size=”5″>

**&nbsp; You can add spaces in your text by using &nbsp;.

<BLOCKQUOTE></BLOCKQUOTE>
You can use this tag to format or remove a text by movinging both the left and right sides
of the paragraph.
Collapse
<BLOCKQUOTE>                                     
<H1>Welcome To John’s Homepage!</H1>
<p>Content</p>                                           
<p>Basic Information</p>                            
</BLOCKQUOTE>                                    

<PRE></PRE>
Preformatted the text of the paragraph to exactly display what you typed in the Web 
browser. 
For example:
Collapse
<pre>
Item Price quantity
—————————–
A 34.99 23
B 25.95 13
—————————–
</pre>

I will Post Some More Interesting Post Tomorrow. If you cant Wait then Please Download my PDF.

From Here : 


अब अंधों की दुनिया भी होगी रंगीन, कर सकेंगे फोन पर बात :अंकुर मिश्र

आविष्कार पर आविष्कार दुनिया को उस मुकाम पर पहुंचा देंगे जहां असंभव शब्द ही समाप्त हो जायेगा। एक समय था जब अंधों को अपना काम पूरा करने के लिए किसी के सहारे की जरुरत होती थी लेकिन आज दुनिया उस शताब्दी में पहुंच चुकी है जहां हर असंभव चीज संभव हो चूकी है। इसका ही नतीजा है की आज अंधे भी फोन चला सकते हैं।
यह एक ऐसा फोन है जिसके जरिये अंधे किसी को कॉल करने के साथ-साथ संदेश भी भेज सकते हैं। इस फोन में बटन की जगह हेप्टिक टच का प्रयोग किया गया है जिसके जरिये यूजर्स किसी लिपि,छवि या वीडियो को आसानी से भाप सकता हैं। इसके टच में ऐसे छोटे छोटे बटन दिए गए हैं जिसके ऊपर उंगलियां रखने से व्यक्ति आसानी से जान सकता है की उसे क्या करना है। इसमे एक ऐसी डिवाइस का प्रयोग किया गया है जो शब्दों को स्कैन करके उसी छवि में बदल सकती है। कुल मिलाकर एक अंधा व्यक्ति कोई भी एप्लीकेशन को छूकर समझ सकता है।
दुनिया का ये असंभव काम संभव हुआ है भारत की एक खोज से,जिसका पूरा श्रेय भारत के प्रतिभावान व्यक्ति सुमित डागर को ही जाता है। सुमित ने अपनी पढ़ाई नेशनल इंस्टिट्यूट ऑफ डिजाइन से पूरी की है। इसके आलावा सुमित डागर और उनकी टीम सी. आई.आई.ई. अहमदाबाद के लिए भी काम करते हैं। सुमित डागर ने अंधों के लिए ऐसी खोज करके तकनीकी दुनिया में जो तहलका मचाया है वो वास्तव में सराहनीय है!
उन्होंने इस प्रोजेक्ट पर तीन साल पहले काम करना शुरू किया था। इसके साथ ही उन्होंने कई बड़ी कंपनियों में काम भी किया है। इस प्रोजेक्ट के लिए आई.आई.टी. दिल्ली और एल. वी. प्रसाद आई इंस्टीट्यूट हैदराबाद के साथ भी काम किया है।

Your First Web Page.

Steps :
  • If it is not open already, launch your text editor program.
  • Go to the text editor window.
  • Enter the following text (you do not have to press RETURN at the end of each line; the web browser will word wrap all text):
     <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<html>
<head>
<title>My First Web Page</title>
</head>
<!-- Exited for my first Web Page..... -->
<body>

           HTML5 is a Markup language for structuring and presenting content for the World wide     web(www) and a core of the Internet. It is the fifth revision of HTML Standard. Its core aims have been to improve the language with support for the latest multimedia while keeping it easily readable by humans and consistently by computers and devices. HTML5 is intended to subsume not only HTML4 but XHTML 1 and DOM Level 2 HTML as well. ~(Wiki.)


</body>
</html>



*NOTE: Look where the <title>...</title> tag is located. It is in the <head>...</head> portion and thus will not be visible on the screen. What does it do? The <title> tag is used to uniquely identify each document and is also displayed in the title bar of the browser window. 

  • Save the document as a file called "FirstwebPage.html" and keep it in the "work area" folder/directory you set up for this tutorial. Also, if you are using a word processor program to create your HTML, be sure to save in plain text (or ASCII) format.










*NOTE: For Windows 3.1 users, you must save all of your HTML files with names that end in .HTM, so in this case your file should be FirstwebPage.HTM. Do not worry! Your web browser is smart enough to know that a file that has a name that ends in .HTM is an HTML file. 




  • Displaying Your Document in a Web Browser



    1. Return to the web browser window you are using for your "work space". (If you do not have a second browser window open yet, select New Window or New Browser from the File window.)

    2. Select Open File... from the File menu. (Note: For users of Internet Explorer, click the Browse button to select your file)

    3. Use the dialog box to find and open the file you created, "FirstwebPage.html"

    4. You should now see in the title bar of the workspace window the text "Volcano Web" and in the web page below, the one sentence of <body> text you wrote, "In this lesson..."









    Congrats !! Your First Web Page has been Done. 



    Think of a topic for your own web page. Now create your own HTML text file that includes a <title> tag and a few introductory sentences. Save the HTML file and reload it in your web browser. You might want to create a different folder/directory for this file so you do not get it mixed up with all of the volcano pages you will create for this tutorial.

    Keep this file handy as you will add to it in later lessons.






















What is HTML Document?

An HTML document contains two distinct parts, the head and the body. The head contains information about the document that is not displayed on the screen. The body then contains everything else that is displayed as part of the web page.
The basic structure then of any HTML page is:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<html>
<head>
<!-- header info used to contain extra information about
this document, not displayed on the page -->
</head>

<body>

<!-- all the HTML for display -->
: :
: :
: :
</body>
</html>




  • The very first line:


  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
is not technically required, but is a code that tells the browser what version of HTML the current page is written for.

  • Enclose all HTML content within <html>...</html> tags. Inside is first your <head>...</head> and then the <body>...</body> sections.

  • Also note the comment tags enclosed by <!-- blah blah blah -->. The text between the tags is NOT displayed in the web page but is for information that might be of use to you or anyone else who might look at the HTML code behind the web page. When your web pages get complicated (like you will see when we get into tables, frames, and other fun stuff about 20 lessons from now!), the comments will be very helpful when you need to update a page you may have created long ago.


What are HTML tags ?

HTML Tags :
When a web browser displays a page such as the one you are reading now, it reads from a plain text file, and looks for special codes or “tags” that are marked by the < and > signs.
The general format for a HTML tag is:
<tag_name>string of text</tag_name>

  string of textAs an example, the title for this section uses a header tag:

<h3>What are HTML tags?</h3>
This tag tells a web browser to display the text What are HTML tags? in the style of header level 3 (We'll learn more about these tags later). HTML tags may tell a web browser to bold the text, italicize it, make it into a header, or make it be a hypertext link to another web page. It is important to note that the ending tag,  </tag_name>
contains the "/" slash character. This "/" slash tells a web browser to stop tagging the text. Many HTML tags are paired this way. If you forget the slash, a web browser will continue the tag for the rest of the text in your document, producing undesirable results (as an experiment you may want to try this later).

*NOTE: A web browser does not care if you use upper or lower case. For example, <h3>...</h3> is no different from <H3>...</H3>


Unlike computer programming, if you make a typographical error in HTML you will not get a "bomb" or "crash" the system; your web page will simply look, well... wrong. It is quick and easy to go inside the HTML and make the changes.


Your browser has a small but open vocabulary! An interesting aspect of HTML is that if the browser does not know what to do with a given tag, it will ignore it! For example, in this document you are viewing, the header tag for this section really looks like this:

     <wiggle><h3>What are HTML tags?</h3></wiggle>
but since your browser probably does not support a <wiggle> tag (I made it up, perhaps in the future it could cause the text to wave across the screen?), it proceeds with what it knows how to do. If I were programming a new web browser, I might decide to add the functionality for the <wiggle> tag into my software