HTML ट्यूटोरियल
HTML से शुरुआत करना
खोज…
टिप्पणियों
HTML ( H yper t ext M arkup L Anguage) एक XML -compliant सिस्टम है जिसमें 'टैग्स' के साथ डॉक्यूमेंट्स एनोटेट करने की सुविधा है। इसका उपयोग विशेष रूप से वेब पेज और वेब एप्लिकेशन के लिए सामग्री बनाने के लिए किया जाता है, जिसे तब एक नेटवर्क पर साझा किया जा सकता है।
पाठ के अलावा, HTML का वर्तमान संस्करण छवियों और वीडियो सहित कई अलग-अलग प्रकार के मीडिया का समर्थन करता है।
संस्करण
| संस्करण | विशिष्टता | रिलीज़ की तारीख |
|---|---|---|
| 1.0 | एन / ए | 1994/01/01 |
| 2.0 | आरएफसी 1866 | 1995/11/24 |
| 3.2 | W3C: HTML 3.2 विशिष्टता | 1997/01/14 |
| 4.0 | W3C: HTML 4.0 विशिष्टता | 1998/04/24 |
| 4.01 | W3C: HTML 4.01 विशिष्टता | 1999/12/24 |
| 5 | WHATWG: HTML लिविंग स्टैंडर्ड | 2014-10-28 |
| 5.1 | W3C: HTML 5.1 विशिष्टता | 2016/11/01 |
नमस्ते दुनिया
परिचय
HTML ( H yper t ext M arkup L anguage) तत्वों से बना एक मार्कअप सिस्टम का उपयोग करता है जो विशिष्ट सामग्री का प्रतिनिधित्व करता है। मार्कअप का मतलब है कि HTML के साथ आप घोषित करते हैं कि दर्शक को क्या प्रस्तुत किया जाता है, न कि इसे कैसे प्रस्तुत किया जाता है। दृश्य अभ्यावेदन कैस्केडिंग स्टाइल शीट्स (सीएसएस) द्वारा परिभाषित किए गए हैं और ब्राउज़रों द्वारा महसूस किए गए हैं। अभी भी मौजूदा तत्व जो इस तरह की अनुमति देते हैं, जैसे कि font , "पूरी तरह से अप्रचलित हैं, और लेखकों द्वारा उपयोग नहीं किया जाना चाहिए" [1] ।
HTML को कभी-कभी एक प्रोग्रामिंग भाषा कहा जाता है, लेकिन इसका कोई तर्क नहीं है, इसलिए एक मार्कअप भाषा है । HTML टैग पृष्ठ में सामग्री के लिए अर्थ अर्थ और मशीन-पठनीयता प्रदान करते हैं।
एक तत्व में आमतौर पर एक ओपनिंग टैग ( <element_name> ), एक क्लोजिंग टैग ( </element_name> ) होता है, जिसमें एंगल ब्रैकेट्स से घिरा एलिमेंट का नाम और बीच में कंटेंट: <element_name>...content...</element_name>
कुछ HTML तत्व ऐसे हैं जिनमें क्लोजिंग टैग या कोई सामग्री नहीं है। इन्हें शून्य तत्व कहा जाता है । शून्य तत्वों में <img> , <meta> , <link> और <input> ।
तत्व नामों को उस सामग्री के लिए वर्णनात्मक कीवर्ड के रूप में सोचा जा सकता है, जिसमें वे शामिल हैं, जैसे कि video , audio , table , footer ।
एक HTML पृष्ठ में संभावित सैकड़ों तत्व शामिल हो सकते हैं, जो तब वेब ब्राउज़र द्वारा पढ़े जाते हैं, व्याख्या की जाती है और स्क्रीन पर मानव पठनीय या श्रव्य सामग्री में प्रस्तुत की जाती है।
इस दस्तावेज़ के लिए तत्वों और टैग के बीच अंतर को नोट करना महत्वपूर्ण है:
तत्व: video , audio , table , footer
टैग: <video> , <audio> , <table> , <footer> , </html> , </body>
तत्व अंतर्दृष्टि
चलिए एक टैग को तोड़ते हैं ...
<p> टैग एक सामान्य पैराग्राफ का प्रतिनिधित्व करता है।
तत्वों में आमतौर पर एक उद्घाटन टैग और एक समापन टैग होता है। उद्घाटन टैग में कोण कोष्ठक ( <p> ) में तत्व का नाम है। समापन टैग उद्घाटन ब्रैकेट और तत्व के नाम ( </p> ) के बीच आगे स्लैश ( / ) के साथ उद्घाटन टैग के समान है।
तब सामग्री इन दो टैग के बीच जा सकती है: <p>This is a simple paragraph.</p>
एक सरल पृष्ठ बनाना
निम्न HTML उदाहरण एक सरल "हैलो वर्ल्ड" वेब पेज बनाता है।
HTML फ़ाइलों को किसी भी टेक्स्ट एडिटर का उपयोग करके बनाया जा सकता है। HTML फ़ाइलों के रूप में पहचाने जाने के लिए फ़ाइलों को एक .html या .htm [2] एक्सटेंशन के साथ सहेजा जाना चाहिए।
एक बार बनाने के बाद, यह फाइल किसी भी वेब ब्राउजर में खोली जा सकती है।
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hello!</title>
</head>
<body>
<h1>Hello World!</h1>
<p>This is a simple paragraph.</p>
</body>
</html>
सरल पृष्ठ टूट गया
ये उदाहरण में उपयोग किए गए टैग हैं:
| टैग | अर्थ |
|---|---|
<!DOCTYPE> | दस्तावेज़ में उपयोग किए गए HTML संस्करण को परिभाषित करता है। इस मामले में यह एचटीएमएल 5 है। अधिक जानकारी के लिए doctypes विषय देखें। |
<html> | पेज खोलता है। समापन टैग ( </html> ) के बाद कोई मार्कअप नहीं आना चाहिए। lang विशेषता आईएसओ भाषा कोड (अंग्रेजी के लिए en ) का उपयोग करके पृष्ठ की प्राथमिक भाषा घोषित करती है। अधिक जानकारी के लिए सामग्री भाषा विषय देखें। |
<head> | मुख्य अनुभाग को खोलता है, जो मुख्य ब्राउज़र विंडो में नहीं दिखाई देता है, लेकिन मुख्य रूप से HTML दस्तावेज़ के बारे में जानकारी होती है, जिसे मेटाडेटा कहा जाता है । इसमें बाहरी स्टाइलशीट और स्क्रिप्ट से आयात भी हो सकते हैं। समापन टैग </head> । |
<meta> | ब्राउज़र को दस्तावेज़ के बारे में कुछ मेटाडेटा देता है। charset विशेषता वर्ण एन्कोडिंग की घोषणा करती है। आधुनिक HTML दस्तावेज़ों को हमेशा UTF-8 का उपयोग करना चाहिए, भले ही यह कोई आवश्यकता न हो। HTML में, <meta> टैग को समापन टैग की आवश्यकता नहीं होती है। अधिक जानकारी के लिए मेटा विषय देखें। |
<title> | पृष्ठ का शीर्षक। इस उद्घाटन और समापन टैग ( </title> ) के बीच लिखे गए पाठ को पृष्ठ के टैब पर या ब्राउज़र के टाइटल बार में प्रदर्शित किया जाएगा। |
<body> | उपयोगकर्ताओं को प्रदर्शित दस्तावेज़ के भाग को खोलता है, अर्थात पृष्ठ की सभी दृश्यमान या श्रव्य सामग्री। समापन टैग </body> बाद कोई सामग्री नहीं जोड़ी जानी चाहिए। |
<h1> | पृष्ठ के लिए एक स्तर 1 शीर्षक। अधिक जानकारी के लिए शीर्षक देखें। |
<p> | पाठ के एक सामान्य अनुच्छेद का प्रतिनिधित्व करता है। |
1. 1. एचटीएमएल 5, 11.2 गैर-अनुरूपण सुविधाएँ
2. 2. .htm विरासत DOS तीन चरित्र फ़ाइल एक्सटेंशन सीमा से विरासत में मिली है।