HTML परिचय
HTML वेबपेज बनाने के लिए एक मानक मार्कअप भाषा है।
HTML क्या है?
- HTML हाइपर टेक्स्ट मार्कअप लैंग्वेज (Hyper Text Markup Language) का संक्षिप्त रूप है
- HTML वेबपेज बनाने के लिए एक मानक मार्कअप भाषा है
- HTML एक वेबपेज की संरचना का वर्णन करता है
- HTML तत्वों (elements) से बना है
- HTML तत्व ब्राउज़र को बताते हैं कि सामग्री को कैसे प्रदर्शित करना है
- HTML तत्व सामग्री के भागों को "यह शीर्षक है", "यह पैराग्राफ है", "यह लिंक है" जैसे लेबल करते हैं
सरल HTML दस्तावेज
उदाहरण
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>उदाहरण की व्याख्या
<!DOCTYPE html>घोषणा यह परिभाषित करती है कि यह दस्तावेज एक HTML5 दस्तावेज है<html>तत्व एक HTML पृष्ठ का मूल तत्व है<head>तत्व में HTML पृष्ठ के बारे में मेटा जानकारी होती है<title>तत्व HTML पृष्ठ के लिए शीर्षक निर्दिष्ट करता है (यह ब्राउज़र के शीर्षक बार या पृष्ठ के टैब में दिखाया जाएगा)<body>तत्व दस्तावेज के मुख्य भाग को परिभाषित करता है, और यह शीर्षकों, पैराग्राफ, छवियों, हाइपरलिंक, तालिकाओं, सूचियों आदि सभी दृश्य सामग्री के लिए एक कंटेनर है<h1>तत्व एक बड़ा शीर्षक परिभाषित करता है<p>तत्व एक पैराग्राफ को परिभाषित करता है
HTML तत्व क्या है?
एक HTML तत्व एक प्रारंभ टैग (start tag), कुछ सामग्री और एक अंत टैग (end tag) से परिभाषित किया जाता है:
<tagname> Content goes here... </tagname>HTML तत्व प्रारंभ टैग से अंत टैग तक सब कुछ है:
<h1>My First Heading</h1>
<p>My first paragraph.</p>| प्रारंभ टैग | तत्व सामग्री | अंत टैग |
|---|---|---|
<h1> |
My First Heading | </h1> |
<p> |
My first paragraph. | </p> |
<br> |
कोई सामग्री नहीं | कोई अंत टैग नहीं |
ध्यान दें:
कुछ HTML तत्वों में कोई सामग्री नहीं होती (जैसे <br> तत्व)। इन तत्वों को "खाली तत्व" (empty elements) कहा जाता है। खाली तत्वों के लिए कोई अंत टैग नहीं होता!
वेब ब्राउज़र
एक वेब ब्राउज़र (Chrome, Edge, Firefox, Safari) का उद्देश्य HTML दस्तावेज़ों को पढ़ना और उन्हें सही ढंग से प्रदर्शित करना है।
एक ब्राउज़र HTML टैग प्रदर्शित नहीं करता, लेकिन दस्तावेज़ को कैसे प्रदर्शित करना है यह निर्धारित करने के लिए उनका उपयोग करता है:
ब्राउज़र में देखें
HTML पृष्ठ संरचना
नीचे एक HTML पृष्ठ संरचना का चित्रण है:
<html>
<head>
<title>Page title</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>नोट:
<body> अनुभाग के भीतर की सामग्री एक ब्राउज़र में प्रदर्शित की जाती है। <title> तत्व के भीतर की सामग्री ब्राउज़र के शीर्षक बार या पृष्ठ के टैब में दिखाई देगी।
HTML इतिहास
वर्ल्ड वाइड वेब के शुरुआती दिनों से, HTML के कई संस्करण हैं:
| वर्ष | संस्करण |
|---|---|
| 1989 | टिम बर्नर्स-ली ने WWW की खोज की |
| 1991 | टिम बर्नर्स-ली ने HTML की खोज की |
| 1993 | डेव रैगेट ने HTML+ ड्राफ्ट बनाया |
| 1995 | HTML कार्य समूह ने HTML 2.0 को परिभाषित किया |
| 1997 | W3C अनुशंसा: HTML 3.2 |
| 1999 | W3C अनुशंसा: HTML 4.01 |
| 2000 | W3C अनुशंसा: XHTML 1.0 |
| 2008 | WHATWG HTML5 पहला सार्वजनिक ड्राफ्ट |
| 2012 | WHATWG HTML5 वर्तमान मानक |
| 2014 | W3C अनुशंसा: HTML5 |
| 2016 | W3C उम्मीदवार अनुशंसा: HTML 5.1 |
| 2017 | W3C अनुशंसा: HTML5.1 दूसरा संस्करण |
| 2017 | W3C अनुशंसा: HTML5.2 |
यह ट्यूटोरियल नवीनतम HTML5 मानक का पालन करता है।