HTML का परिचय औरअवलोकन

HTML का परिचय औरअवलोकन

Lesson 1.overview of HTML


Html का फुल फॉर्म hypertext markup language है। यह बताना गलत नहीं होगा कि यह दुनिया भर में वेबसाइट विकास के लिए आधार भाषा है। अगर आप वेबसाइट डिजाइनिंग और डेवलपमेंट सेक्टर में काम कर रहे हैं, तो html का ज्ञान बहुत जरूरी है!

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

इस प्रोग्रामिंग लैंग्वेज के विकास के पीछे का उद्देश्य कई अन्य के अलावा हेडर, पैराग्राफ, टेबल, इमेज, लिस्ट और पाद लेख जैसी श्रेणियों में सामग्री को वर्गीकृत करके दस्तावेजों के लिए एक सामान्य संरचना तैयार करना था। यह मुख्य रूप से अनुसंधान समुदाय के लिए दस्तावेजों के बंटवारे और उसी की आसान समझ के लिए बनाया गया था।

आगे बढ़ने से पहले बेसिक HTML डॉक्यूमेंट, एक बेसिक HTML डॉक्यूमेंट देखें। नीचे दिया गया उदाहरण कोड एक वेबपेज से मेल खाता है।

<!doctype html>
<html>
<head>
<title>Sample Webpage</title>
</head>
</body>
<h1>First heading</h1>
<p>content of the webpage will appear here.</p>
</body>
</html>


इस कोड को टेक्स्ट एडिटर का उपयोग करके बनाई गई किसी भी टेक्स्ट फ़ाइल में सहेजा जा सकता है। फ़ाइल का एक्सटेंशन टेक्स्ट से htm या html में बदला जाना चाहिए।
जब यह फ़ाइल ओएस सिस्टम पर स्थापित किसी भी ब्राउज़र का उपयोग करके वेबपेज के रूप में खोला जाता है, तो यह निम्नलिखित परिणाम देगा।

1. <! DOCTYPE>

इस टैग का उपयोग ब्राउज़र को दस्तावेज़ के प्रकार और html के संस्करण को बताने के लिए किया जाता है जो उसी को बनाने के लिए उपयोग किया जाता है।

2. <html>

पूरा HTML डॉक्यूमेंट html टैग के अंदर संलग्न है। अन्य टैग जैसे <P> </ P>, <body> </ body> और <head> </ head>, अन्य के अलावा, इसके अंदर संलग्न किया जाएगा। मुख्य टैग।

3. <head>

यह पहला टैग है जो HTML टैग के अंदर दिखाई देता है। यह document के प्रमुख का प्रतिनिधित्व करता है और इसमें शीर्षक और लिंक जैसे टैग शामिल हैं।

4. <title>

इस टैग का उपयोग document के शीर्षक का उल्लेख करने के लिए किया जाता है और यह टैग हेड के अंदर रखा गया टैग है।

5. <body>

document का मुख्य भाग इस टैग के अंदर संलग्न है। अन्य टैग जैसे <P> </ P>,<h1> </ h1> और <div> </ div>, अन्य के अलावा इस टैग के अंदर रखे गए हैं।

6. <h1>

यह टैग पहले स्तर के शीर्षक का प्रतिनिधित्व करता है। जहाँ <h2> जैसे टैग हैं,
<h3> और <h4> जो निचले स्तर के शीर्षक का प्रतिनिधित्व करने के लिए फ़ॉन्ट आकार और विशेषताओं को बदलते हैं।

7. <p>
इस टैग की मदद से एक पैराग्राफ का प्रतिनिधित्व किया जाता है।

लर्निंग html इस प्रोग्रामिंग भाषा में उपलब्ध विभिन्न टैग सीखने के बारे में है और उनमें से प्रत्येक विशेषता मानों के एक अलग सेट के साथ कैसे व्यवहार करता है।


Document Structure


किसी document की विशिष्ट संरचना निम्नानुसार है
<Html>
<head> हैडर संबंधित टैग दिखाई देते हैं
यहां </ head> <body> शरीर से संबंधित टैग दिखाई देते हैं
यहाँ </ body> </ html>


The <!doctype> declaration


ब्राउज़र को HTML संस्करण बताने के लिए जिसका उपयोग वेबपेज बनाने के लिए किया जाता है, <! Doctype> घोषणा का उपयोग किया जाता है। html-5 निम्नलिखित का उपयोग करता है

Type of declaration for document type.

<! doctype html>
उपयोग किए जा रहे html के संस्करण के आधार पर, document प्रकार के लिए घोषणा भी बदल जाएगी।


एक टिप्पणी भेजें

0 टिप्पणियाँ