What is HTML?Basic HTML Structure:------ - .OnlineGuruji

.OnlineGuruji

Provides E-Notes,Video Tutorials And Download Links For Students In hindi

*********************************************************

*********************************************************
********************************************************************************

Breaking

Ramchandicollege Saraipali

Technology Jobs

OnlineGuru Blog मे आपका स्वागत है ब्लॉग से संबन्धित जानकारी के लिए संपर्क करें मो ॰ नम ।-9826026747(सपन कुमार दास) अपने विषय से संबन्धित अपडेट प्राप्त करने के लिए ब्लॉग पे दिये गए Bell Icon को press करें कम्प्युटर,Science,English Grammer से संबन्धित विषय की अधिक जानकारी के लिए हमारे ब्लॉग अथवा यू ट्यूब चैनल को सब्क्राइब करे ..

Saturday, March 15, 2025

What is HTML?Basic HTML Structure:------

What is HTML?Basic HTML Structure:------

by on in

 


HTML एक मानक मार्कअप भाषा है, जिसका पूरा नाम हाइपर टेक्स्ट मार्कअप भाषा (Hyper Text Markup Language) है। यह वेबपेज बनाने के लिए व्यापक रूप से उपयोग की जाने वाली भाषा है। HTML का आविष्कार टिम बर्नर्स-ली (Tim Berners-Lee) ने 1991 के अंत में किया था, लेकिन इसका पहला संस्करण "HTML 1.0" वर्ष 1993 में जारी किया गया था। "HTML 2.0" पहला मानक HTML विनिर्देश (specification) था, जिसे 1995 में प्रकाशित किया गया था।

HTML क्या है?

HTML (HyperText Markup Language) एक मानक मार्कअप भाषा है, जिसका उपयोग वेबपेज की संरचना (structure) को डिज़ाइन करने के लिए किया जाता है। HTML दो शब्दों का संयोजन है: HyperText और Markup Language।

  • HyperText वेबपेजों के बीच आंतरिक लिंक (internal links) को परिभाषित करता है।
  • Markup Language टेक्स्ट और मीडिया की लेआउट (layout) और प्रस्तुति (presentation) को परिभाषित करता है।

HTML की मूल संरचना

HTML दस्तावेज़ की बुनियादी संरचना में कुछ आवश्यक टैग होते हैं, जिनका उपयोग वेबपेज बनाने के लिए आवश्यक होता है। किसी भी प्रकार का HTML दस्तावेज़ बनाने के लिए इस संरचना का पालन करना अनिवार्य है।

<!DOCTYPE html>

<html>

<head>

   <title>Page title</title>

</head>

<body>

   <h1>Webpage's Heading</h1>

   <p>Content (Your first paragraph).</p>

</body>

</html>

Creating an HTML Document

HTML दस्तावेज़ एक फ़ाइल होती है जिसमें HTML कोड लिखा होता है और इसे ".htm" या ".html" एक्सटेंशन के साथ सहेजा जाता है। HTML दस्तावेज़ बनाने के लिए आपको एक टेक्स्ट एडिटर की आवश्यकता होती है, और इसे प्रदर्शित करने के लिए आपको एक वेब ब्राउज़र की जरूरत होती है।

HTML दस्तावेज़ बनाने के लिए निम्नलिखित चरणों का पालन करें –

  1. एक टेक्स्ट एडिटर खोलें (जैसे Notepad, VS Code)।
  2. HTML कोड लिखें।
  3. फ़ाइल को ".htm" या ".html" एक्सटेंशन के साथ सहेजें।

    Advantages of Learning HTML  HTML सीखने के कुछ प्रमुख लाभ निम्नलिखित हैं –

    Create a web site −यदि आप HTML को अच्छी तरह से जानते हैं, तो आप एक नई वेबसाइट बना सकते हैं या पहले से मौजूद वेब टेम्पलेट को कस्टमाइज़ कर सकते हैं।

    Become a web designer –यदि आप एक पेशेवर वेब डिज़ाइनर के रूप में करियर शुरू करना चाहते हैं, तो HTML और CSS सीखना अनिवार्य है।

    Understand web- यदि आप अपनी वेबसाइट को बेहतर प्रदर्शन और तेज़ लोडिंग स्पीड के लिए ऑप्टिमाइज़ करना चाहते हैं, तो HTML का ज्ञान बेहतरीन परिणाम प्राप्त करने में मदद करता है।

    Learn other languages −एक बार जब आप HTML की मूल बातें समझ लेते हैं, तो JavaScript, PHP, या Angular जैसी अन्य संबंधित तकनीकों को सीखना आसान हो जाता है।

    Applications of HTML                                                                                                जैसा कि पहले बताया गया है, HTML वेब पर सबसे अधिक उपयोग की जाने वाली भाषाओं में से एक है। इसके कुछ प्रमुख अनुप्रयोग निम्नलिखित हैं –

    ✅ वेबसाइट विकास (Website Development) – HTML का उपयोग वेबपेज (वेबसाइट) बनाने के लिए किया जाता है। लगभग हर वेबपेज में HTML टैग होते हैं, जो ब्राउज़र में उसकी जानकारी को प्रस्तुत करने में मदद करते हैं।

    ✅ इंटरनेट नेविगेशन (Internet Navigation) – HTML नेविगेशन टैग प्रदान करता है, जो एक पेज से दूसरे पेज पर जाने के लिए उपयोग किए जाते हैं। यह इंटरनेट ब्राउज़िंग का एक महत्वपूर्ण हिस्सा है।

    ✅ रेस्पॉन्सिव UI (Responsive UI) – आधुनिक HTML पेज मोबाइल, टैबलेट, डेस्कटॉप, और लैपटॉप जैसे सभी प्लेटफार्मों पर अच्छी तरह काम करते हैं, क्योंकि अब वे रेस्पॉन्सिव डिज़ाइन स्ट्रैटेजी का समर्थन करते हैं।

    ✅ ऑफ़लाइन समर्थन (Offline Support) – एक बार HTML पेज लोड हो जाने के बाद, उसे इंटरनेट कनेक्शन के बिना भी ऑफ़लाइन एक्सेस किया जा सकता है।

    ✅ गेम डेवलपमेंट (Game Development) – HTML5 में मल्टीमीडिया और इंटरएक्टिव कंटेंट के लिए नेटिव सपोर्ट मौजूद है, जिससे यह गेम डेवलपमेंट के क्षेत्र में भी उपयोगी हो गया है।

    ✅ मोबाइल एप्लिकेशन डेवलपमेंट (Mobile Application Development) – HTML, CSS3, और JavaScript की मदद से क्रॉस-प्लेटफ़ॉर्म मोबाइल एप्लिकेशन विकसित की जा सकती हैं।

    ✅ मल्टीमीडिया और वीडियो स्ट्रीमिंग (Multimedia & Video Streaming) – HTML5 में वीडियो और ऑडियो तत्वों (elements) के लिए इनबिल्ट सपोर्ट होता है, जिससे वेब ब्राउज़र में सीधे मीडिया प्लेबैक संभव हो जाता है।                                                                                                                                    

    Basic HTML Structure

    HTML दस्तावेज़ की बुनियादी संरचना में कुछ आवश्यक टैग होते हैं, जिनका उपयोग किसी भी वेबपेज को बनाने के लिए अनिवार्य होता है। इस संरचना का पालन करना प्रत्येक HTML दस्तावेज़ के लिए आवश्यक है।

    <!DOCTYPE html>

    <html>

    <head>

       <title>Page title</title>

    </head>

    <body>

       <h1>Webpage's Heading</h1>

       <p>Content (Your first paragraph).</p>

    </body>

    </html>

     

     

    Elements of HTML Basic Structure

    The following are the basic tags that define the basic HTML structure −

    1. <!DOCTYPE html>

    This element defines the document type as HTML. This element must be written before writing any HTML document.                                                                        यह तत्व दस्तावेज़ के प्रकार (Document Type) को HTML के रूप में परिभाषित करता है। इसे किसी भी HTML दस्तावेज़ को लिखने से पहले अनिवार्य रूप से लिखा जाना चाहिए।

    2. <html>...</html>

    The <html> tag is the parent tag for all HTML elements. Everything related to create an HTML document must be written inside the <html> tag. CSS, JavaScript, and jQuery must also be written inside this tag.                                                              यह सभी HTML तत्वों का मूल (Parent) टैग है। HTML दस्तावेज़ बनाने से संबंधित संपूर्ण कोड इस टैग के अंदर लिखा जाता है। CSS, JavaScript और jQuery को भी इसी टैग के अंदर लिखा जाता है।

    3. <head>...</head>

    The <head> tag is a container tag for all those elements that are not directly displayed on the webpage but required for the page functionalities. It contains meta tags (which are used for SEO purposes), title tag, script tags, etc.                                          यह उन सभी तत्वों का कंटेनर टैग है, जो सीधे वेबपेज पर प्रदर्शित नहीं होते, लेकिन पेज की कार्यक्षमता (Functionality) के लिए आवश्यक होते हैं। इसमें मेटा टैग (SEO के लिए), टाइटल टैग, स्क्रिप्ट टैग आदि होते हैं।

    4. <title>...</title>

    The <title> tag is used to define the title of the webpage that you can see in the browser's tab, bookmarks list, and search engine results. This tag is also very important for SEO purposes to help search engine to understand the content of the webpage.                                                                                                                       यह टैग वेबपेज के शीर्षक (Title) को परिभाषित करता है, जिसे आप ब्राउज़र के टैब, बुकमार्क सूची और सर्च इंजन परिणामों में देख सकते हैं। यह SEO के लिए बहुत महत्वपूर्ण है, क्योंकि यह सर्च इंजन को वेबपेज की सामग्री समझने में मदद करता है।

    5. <body>...<body>

    The <body> tag is the container tag for all those elements, which represents the main content of a webpage that displays on the browser.                                                                   यह उन सभी तत्वों का कंटेनर टैग है, जो वेबपेज की मुख्य सामग्री को प्रदर्शित करते हैं।

    6. <h1>...</h1>

    The <h1> tag is one of the heading tags. It is the most important heading tag, which defines the main title or headline of the webpage. Any text written inside <h1> and </h1> is a top-level heading of the content.                                                                                           यह शीर्षक (Heading) टैगों में से एक है। यह सबसे महत्वपूर्ण शीर्षक टैग होता है, जो वेबपेज के मुख्य शीर्षक या हेडलाइन को परिभाषित करता है। <h1> और </h1> के बीच लिखा गया टेक्स्ट सामग्री का शीर्ष स्तर (Top-Level Heading) होता है।

    7. <p>...</p>

    The <p> tag defines a paragraph, anything written inside <p> and </p> displays as a paragraph on the webpage. Use multiple <p> tags to display text in different paragraphs.                                                                                                                                                     ह टैग एक पैराग्राफ को परिभाषित करता है। <p> और </p> के बीच लिखा गया कोई भी टेक्स्ट वेबपेज पर पैराग्राफ के रूप में प्रदर्शित होता है। अलग-अलग पैराग्राफ दिखाने के लिए कई <p> टैग का उपयोग करें।

    Writing Hello World in HTML

    By using the above basic HTML structure, we can write an HTML document to display "Hello World" on the webpage.

    <!DOCTYPE html>

    <html>

    <head>

       <title>Hello World Example by TutorialsPoint</title>

    </head>

    <body>

       <h1>Hello, World!</h1>

    </body>

    </html>

    </pre>       Output:-


By on
Tags:

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)