Hypertext Markup Language

Introduction:-

Hyper Text Markup Language:- It is text oriented scripting language which used to develop web page as specified needs by the user. It is not a complete language so it is referred to as scripting language. There is not available any software named as ( HTML) for this we use two different software i.e. text oriented ( Notepad) and Browser ( Internet Explorer), where notepad is a text oriented which used to store simple text or write code for HTML and save it with (.HTML) extension.

हाइपर टेक्स्ट मार्कअप लैंग्वेज:- यह टेक्स्ट ओरिएंटेड स्क्रिप्टिंग लैंग्वेज है, जिसका इस्तेमाल यूजर द्वारा निर्दिष्ट जरूरतों के अनुसार वेब पेज को विकसित करने के लिए किया जाता है। यह एक पूर्ण भाषा नहीं है इसलिए इसे स्क्रिप्टिंग भाषा के रूप में जाना जाता है। (एचटीएमएल) नाम का कोई सॉफ्टवेयर उपलब्ध नहीं है, इसके लिए हम दो अलग-अलग सॉफ्टवेयर यानी टेक्स्ट ओरिएंटेड (नोटपैड) और ब्राउजर (इंटरनेट एक्सप्लोरर) का उपयोग करते हैं, जहां नोटपैड एक टेक्स्ट ओरिएंटेड है जो साधारण टेक्स्ट को स्टोर करता है या एचटीएमएल के लिए कोड लिखता है और सेव करता है। इसे (.HTML) एक्सटेंशन के साथ।

The Birth of HTML:- The term hypertext was coined by a man name ( Ted Nelson ) in 1960. Tim Burners Lee developed HTML in early 1990 at CERN ( Conseil European Deal Research Nuclear).

HTML का जन्म: – हाइपरटेक्स्ट शब्द को 1960 में एक व्यक्ति के नाम (टेड नेल्सन) द्वारा गढ़ा गया था। टिम बर्नर्स ली ने 1990 की शुरुआत में CERN (Conseil यूरोपीय डील रिसर्च न्यूक्लियर) में HTML विकसित किया था।

Internet Explorer:- It is a browser which is used to run HTML format file.

इंटरनेट एक्सप्लोरर:- यह एक ब्राउजर है जिसका उपयोग HTML फॉर्मेट फाइल को चलाने के लिए किया जाता है।

Ex:- Internet Expolorer & Google Chrome.

उदाहरण: – इंटरनेट एक्सप्लोरर और गूगल क्रोम।

HTML Terminology :- As we know very well HTML is a Text oriented scripting language which is used to develop web page based on specified needs by coding. In HTML we use Tags for coding or scripting.

HTML शब्दावली: – जैसा कि हम अच्छी तरह से जानते हैं कि HTML एक टेक्स्ट उन्मुख स्क्रिप्टिंग भाषा है जिसका उपयोग कोडिंग द्वारा निर्दिष्ट आवश्यकताओं के आधार पर वेब पेज विकसित करने के लिए किया जाता है। HTML में हम कोडिंग या स्क्रिप्टिंग के लिए टैग का उपयोग करते हैं।

What is Tag?:-

Tag is a medium which helps the user to input instruction and command by codding in html document. It defines every structure on html document including the placement of text, images and hypertext links. Html tags begin with the less-yhan (<) character and end with greater-then (>).

Ex: <Tag Name>

टैग एक ऐसा माध्यम है जो उपयोगकर्ता को html दस्तावेज़ में कोडिंग द्वारा निर्देश और कमांड इनपुट करने में मदद करता है। यह HTML दस्तावेज़ पर प्रत्येक संरचना को परिभाषित करता है जिसमें टेक्स्ट, छवियों और हाइपरटेक्स्ट लिंक की नियुक्ति शामिल है। Html टैग कम-यहान (<) वर्ण से शुरू होते हैं और बड़े-फिर (>) के साथ समाप्त होते हैं।

उदाहरण: <टैग का नाम>

There are three types of Tags

1. Container tag. ( कंटेनर टैग। )
2. Empty tag. ( खाली टैग। )
3. Attribute tag. ( विशेषता टैग। )

Container tag:- This is primary tag for HTML document which start and end whit container tag.

कंटेनर टैग:- यह HTML दस्तावेज़ के लिए प्राथमिक टैग है जो सफेद कंटेनर टैग को शुरू और समाप्त करता है।

There are following Tag:-

निम्नलिखित टैग हैं:-

1. The HTML tag. (एचटीएमएल टैग।)
2. The Head tag. ( हेड टैग। )
3. The Title tag. ( शीर्षक टैग। )
4. The Body tag. ( द बॉडी टैग। )

The HTML Tag : This tag defines the top most elements to identify as a HTML Document. HTML document start and end with this tag.

HTML टैग: यह टैग HTML दस्तावेज़ के रूप में पहचाने जाने वाले सबसे शीर्ष तत्वों को परिभाषित करता है। HTML दस्तावेज़ इस टैग के साथ शुरू और समाप्त होता है।

Syntax :-

<Tag Name>-To open

</Tag Name>- To Close

Ex:-

<HTML>

</HTML>

The Head Tag:- This container tag is used to define the heading portion of the document. This tag is nested within HTML tag.

हेड टैग:- इस कंटेनर टैग का उपयोग दस्तावेज़ के शीर्षक भाग को परिभाषित करने के लिए किया जाता है। यह टैग HTML टैग में नेस्टेड है।

Syntax :- <HTML>

<HEAD>

……………..

………………

</HEAD>

</HTML>

The Title Tag :- This container tag is used to define the title of the document. it is nested within head tag.

शीर्षक टैग :- इस कंटेनर टैग का उपयोग दस्तावेज़ के शीर्षक को परिभाषित करने के लिए किया जाता है। यह हेड टैग के भीतर नेस्टेड है।

Syntax :- <HTML>

<HEAD>

<TITLE>MAYA COMPUTER CENTER>/TITLE>

…………………………………………………………………….

</HEAD>

</HTML>

The Body Tag :- This container tag defines the document’s body. It contains all the contents of an html document, such as text, hyperlink, images, tables, etc. It is nested after close of head Tag.

द बॉडी टैग :- यह कंटेनर टैग दस्तावेज़ के मुख्य भाग को परिभाषित करता है। इसमें HTML दस्तावेज़ की सभी सामग्री शामिल है, जैसे टेक्स्ट, हाइपरलिंक, इमेज, टेबल आदि। यह हेड टैग के बंद होने के बाद नेस्ट किया जाता है।

Syntax :- <HTML>

<HEAD>

<TITLE>MAYA COMPUTER CENTER</TITLE>

</HEAD>

<BODY>

……………..

………………

</BODY>

</HTML>

Empty Tag :- This tag is generally used to change in the paragraph. This tag does not need to close.

खाली टैग :- इस टैग का प्रयोग आमतौर पर पैराग्राफ में बदलाव करने के लिए किया जाता है। इस टैग को बंद करने की आवश्यकता नहीं है।

Syntax :- <P> <Br>

Attribute Tag:- This tag is the modifier of HTML Document which determine how it looks on web Browsers. It is used to change interface of HTML document.

विशेषता टैग: – यह टैग HTML दस्तावेज़ का संशोधक है जो यह निर्धारित करता है कि यह वेब ब्राउज़र पर कैसा दिखता है। इसका उपयोग HTML दस्तावेज़ के इंटरफ़ेस को बदलने के लिए किया जाता है।

Syntax:- <font color=color name>

How to create HTML Document?

Process:-

1. Open Notepad.
2. write there code as you need.
3. Save it with “.HTML” extension.
4. Open Internet explorer.
5. Open Your HTML File.

Ex:- <HTML>

<HEAD>

<TITLE> MAYA COMPUTER CENTER</TITLE>

</HEAD>

<BODY>

MATA COMPUTER CENTER PRIVATE LIMITED.

SISWAR, PHULPARAS, MADHUBANI

BIHAR-847409

</BODY>

</HTML>

Result: MATA COMPUTER CENTER PRIVATE LIMITED.

SISWAR, PHULPARAS, MADHUBANI

BIHAR-847409