UNIQUE INSTITUTE OF COMPUTER TECHNOLOGY

HTML Element क्या है?

HTML Element क्या है?

HTML Element वेब पेज पर कंटेंट का मुख्य हिस्सा है। एक Element HTML टैग्स और उनके बीच के कंटेंट (Text, Image आदि) का सम्मिलित रूप होता है।

HTML Element की संरचना

HTML Element को तीन मुख्य भागों में बांटा जा सकता है:

  1. Opening Tag (शुरुआती टैग):
    उदाहरण: <p>
  2. Content (कंटेंट):
    वह टेक्स्ट या जानकारी जो टैग्स के बीच में होती है।
    उदाहरण: यह एक पैराग्राफ है।
  3. Closing Tag (समाप्ति टैग):
    उदाहरण: </p>

उदाहरण:

<p>यह एक पैराग्राफ है।</p>

ऊपर के उदाहरण में:

  • <p>: यह Opening Tag है।
  • यह एक पैराग्राफ है।: यह Content है।
  • </p>: यह Closing Tag है।

जब इन तीनों को एक साथ लिखा जाता है, तो इसे HTML Element कहते हैं।


HTML Element के प्रकार

HTML Element को उनकी प्रकृति और उपयोग के आधार पर विभिन्न प्रकारों में बांटा जा सकता है:

1. Block-level Elements (ब्लॉक-स्तरीय एलिमेंट्स):

ये एलिमेंट पूरे पेज पर एक नई लाइन शुरू करते हैं और पूरी चौड़ाई लेते हैं।

  • उदाहरण:
    • <div>
    • <h1><h2><h3>
    • <p>
    • <table>

उदाहरण:

<h1>यह एक हेडिंग है</h1> <p>यह एक पैराग्राफ है।</p>

2. Inline Elements (इनलाइन एलिमेंट्स):

ये एलिमेंट्स उसी लाइन में रहते हैं और दूसरी सामग्री को प्रभावित नहीं करते।

  • उदाहरण:
    • <span>
    • <a>
    • <img>
    • <b><i><u>

उदाहरण:

<p>यह एक <b>मोटा टेक्स्ट</b> है।</p>

3. Empty Elements (खाली एलिमेंट्स):

ये एलिमेंट्स स्वयं समाप्त हो जाते हैं और इनमें कंटेंट नहीं होता।

  • उदाहरण:
    • <br>: नई लाइन जोड़ने के लिए।
    • <hr>: एक हॉरिजॉन्टल रेखा जोड़ने के लिए।
    • <img>: इमेज जोड़ने के लिए।

उदाहरण:

<p>यह पहली लाइन है।<br>यह दूसरी लाइन है।</p>


HTML Element का उपयोग क्यों करें?

  • वेब पेज को व्यवस्थित (Structure) करने के लिए।
  • टेक्स्ट, इमेज, लिंक, और अन्य कंटेंट को सही तरीके से दिखाने के लिए।
  • पेज को अधिक इंटरएक्टिव और उपयोगकर्ता-अनुकूल बनाने के लिए।


स्टूडेंट्स के लिए सलाह:

  1. प्रैक्टिस करें:
    प्रत्येक एलिमेंट को अपने कंप्यूटर पर कोड लिखकर और ब्राउज़र में चेक करके समझें।
  2. कोडिंग टूल्स:
    Visual Studio Code या Notepad++ का उपयोग करें।
  3. सवाल पूछें:
    यदि कोई एलिमेंट समझ नहीं आता है, तो अपने शिक्षक या सहपाठियों से चर्चा करें।

Select the fields to be shown. Others will be hidden. Drag and drop to rearrange the order.
  • Image
  • SKU
  • Rating
  • Price
  • Stock
  • Availability
  • Add to cart
  • Description
  • Content
  • Weight
  • Dimensions
  • Additional information
  • Attributes
  • Custom attributes
  • Custom fields
Click outside to hide the comparison bar
Compare