एचटीएमएल ट्यूटोरियल

एचटीएमएल होम एचटीएमएल परिचय एचटीएमएल संपादक एचटीएमएल बेसिक एचटीएमएल तत्व एचटीएमएल गुण एचटीएमएल शीर्षक एचटीएमएल पैराग्राफ एचटीएमएल शैलियाँ एचटीएमएल स्वरूपण एचटीएमएल कोटेशन एचटीएमएल टिप्पणियाँ एचटीएमएल रंग एचटीएमएल सीएसएस एचटीएमएल लिंक एचटीएमएल छवियाँ एचटीएमएल फ़ेविकॉन एचटीएमएल टेबल्स एचटीएमएल सूचियां एचटीएमएल ब्लॉक और इनलाइन एचटीएमएल क्लासेस एचटीएमएल आईडी एचटीएमएल इफ्रेम्स एचटीएमएल जावास्क्रिप्ट HTML फ़ाइल पथ एचटीएमएल हेड एचटीएमएल लेआउट एचटीएमएल उत्तरदायी एचटीएमएल कंप्यूटर कोड HTML शब्दार्थ एचटीएमएल स्टाइल गाइड एचटीएमएल इकाइयां एचटीएमएल प्रतीक एचटीएमएल इमोजी एचटीएमएल वर्णसेट एचटीएमएल यूआरएल एनकोड एचटीएमएल बनाम एक्सएचटीएमएल

एचटीएमएल फॉर्म

एचटीएमएल फॉर्म एचटीएमएल फॉर्म गुण एचटीएमएल फॉर्म एलिमेंट्स एचटीएमएल इनपुट प्रकार एचटीएमएल इनपुट गुण HTML इनपुट फॉर्म विशेषताएँ

एचटीएमएल ग्राफिक्स

एचटीएमएल कैनवास एचटीएमएल एसवीजी

एचटीएमएल मीडिया

एचटीएमएल मीडिया एचटीएमएल वीडियो एचटीएमएल ऑडियो एचटीएमएल प्लग-इन एचटीएमएल यूट्यूब

एचटीएमएल एपीआई

एचटीएमएल जियोलोकेशन एचटीएमएल ड्रैग/ड्रॉप एचटीएमएल वेब स्टोरेज एचटीएमएल वेब वर्कर्स एचटीएमएल एसएसई

एचटीएमएल उदाहरण

एचटीएमएल उदाहरण एचटीएमएल प्रश्नोत्तरी एचटीएमएल व्यायाम एचटीएमएल प्रमाणपत्र एचटीएमएल सारांश एचटीएमएल अभिगम्यता

एचटीएमएल संदर्भ

एचटीएमएल टैग सूची एचटीएमएल गुण HTML वैश्विक गुण एचटीएमएल ब्राउज़र समर्थन एचटीएमएल घटनाक्रम एचटीएमएल रंग एचटीएमएल कैनवास एचटीएमएल ऑडियो/वीडियो एचटीएमएल सिद्धांत एचटीएमएल कैरेक्टर सेट एचटीएमएल यूआरएल एनकोड एचटीएमएल लैंग कोड HTTP संदेश HTTP तरीके पीएक्स से ईएम कन्वर्टर कुंजीपटल अल्प मार्ग

एचटीएमएल परिचय


HTML वेब पेज बनाने के लिए मानक मार्कअप भाषा है।


एचटीएमएल क्या है?

  • HTML का मतलब हाइपर टेक्स्ट मार्कअप लैंग्वेज है
  • HTML वेब पेज बनाने के लिए मानक मार्कअप भाषा है
  • HTML एक वेब पेज की संरचना का वर्णन करता है
  • HTML में तत्वों की एक श्रृंखला होती है
  • 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 पृष्ठ के बारे में मेटा जानकारी है
  • तत्व HTML पृष्ठ के <title>लिए एक शीर्षक निर्दिष्ट करता है (जो ब्राउज़र के शीर्षक बार या पृष्ठ के टैब में दिखाया जाता है)
  • तत्व दस्तावेज़ के मुख्य <body>भाग को परिभाषित करता है, और सभी दृश्यमान सामग्री, जैसे शीर्षक, पैराग्राफ, चित्र, हाइपरलिंक, टेबल, सूचियाँ, आदि के लिए एक कंटेनर है।
  • <h1>तत्व एक बड़े शीर्षक को परिभाषित करता है
  • <p>तत्व एक पैराग्राफ को परिभाषित करता है

HTML एलिमेंट क्या है?

एक HTML तत्व को एक प्रारंभ टैग, कुछ सामग्री और एक अंतिम टैग द्वारा परिभाषित किया जाता है:

< टैगनाम > सामग्री यहां जाती है... < /tagname >

HTML तत्व प्रारंभ टैग से अंत टैग तक सब कुछ है:

< h1 > मेरा पहला शीर्षक < /h1 >
< p > मेरा पहला पैराग्राफ। < /p >
Start tag Element content End tag
<h1> My First Heading </h1>
<p> My first paragraph. </p>
<br> none none

नोट: कुछ HTML तत्वों में कोई सामग्री नहीं है (जैसे <br> तत्व)। इन तत्वों को रिक्त तत्व कहा जाता है। खाली तत्वों का अंत टैग नहीं होता है!



वेब ब्राउज़र्स

वेब ब्राउज़र (Chrome, Edge, Firefox, Safari) का उद्देश्य HTML दस्तावेज़ों को पढ़ना और उन्हें सही ढंग से प्रदर्शित करना है।

एक ब्राउज़र HTML टैग प्रदर्शित नहीं करता है, लेकिन दस्तावेज़ को प्रदर्शित करने का तरीका निर्धारित करने के लिए उनका उपयोग करता है:

ब्राउज़र में देखें


HTML पृष्ठ संरचना

नीचे एक HTML पृष्ठ संरचना का दृश्यावलोकन है:

<html>
<सिर>
<शीर्षक>पृष्ठ शीर्षक</शीर्षक>
</सिर>
<शरीर>
<h1>यह एक शीर्षक है</h1>
<p>यह एक पैराग्राफ है।</p>
<p>यह एक और पैराग्राफ है।</p>
</body>
</html>

नोट: <body> अनुभाग के अंदर की सामग्री (ऊपर सफेद क्षेत्र) एक ब्राउज़र में प्रदर्शित की जाएगी। <शीर्षक> तत्व के अंदर की सामग्री ब्राउज़र के शीर्षक बार या पृष्ठ के टैब में दिखाई जाएगी।


एचटीएमएल इतिहास

वर्ल्ड वाइड वेब के शुरुआती दिनों से, HTML के कई संस्करण आए हैं:

Year Version
1989 Tim Berners-Lee invented www
1991 Tim Berners-Lee invented HTML
1993 Dave Raggett drafted HTML+
1995 HTML Working Group defined HTML 2.0
1997 W3C Recommendation: HTML 3.2
1999 W3C Recommendation: HTML 4.01
2000 W3C Recommendation: XHTML 1.0
2008 WHATWG HTML5 First Public Draft
2012 WHATWG HTML5 Living Standard
2014 W3C Recommendation: HTML5
2016 W3C Candidate Recommendation: HTML 5.1
2017 W3C Recommendation: HTML5.1 2nd Edition
2017 W3C Recommendation: HTML5.2

यह ट्यूटोरियल नवीनतम HTML5 मानक का अनुसरण करता है।