HTML in Hindi – Elements

  • Introduction to html Elements in hindi
    • Void element in html in hindi
    • Nested HTML elements in hindi
  • Block-level and inline HTML elements in Hindi
    • Block level element in hindi
    • Inline element in hindi

Elements-in-html-in-hindi

Introduction to html Elements

एक HTML फ़ाइल elements से बना है। ये elements वेब पेज बनाने और उस वेबपेज में सामग्री को परिभाषित करने के लिए जिम्मेदार हैं। HTML में एक तत्व आमतौर पर एक start tag <tag name>, close tag </ tag name> और उनके बीच सम्मिलित सामग्री होती है। तकनीकी रूप से, एक तत्व start टैग, attributes, end टैग, और उनके बीच सामग्री का एक संग्रह है।

Such as:

  1. <p> Hello world!!! </p>

Example

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>WebPage</title>
  5. </head>
  6. <body>
  7.    <h1>This is my first web page</h1>
  8.     <h2> How it looks?</h2>
  9.      <p>It looks Nice!!!!!</p>
  10. </body>
  11. </html>

HTML Elements

  • Body के elements के बीच लिखित सभी सामग्री वेब पेज पर दिखाई देती हैं।

Void element in html: HTML में सभी elements को start टैग और end टैग की आवश्यकता नहीं होती है, कुछ elements में content नहीं होती है और end टैग ऐसे elements को void elements या empty elements के रूप में जाना जाता है। इन elements को unpaired tag भी कहा जाता है ।

कुछ void elements हैं <br> ( line break का प्रतिनिधित्व करता है), <hr> (horizontal line का प्रतिनिधित्व करता है), आदि।

Nested HTML elements: HTML nested हो सकता है, जिसका मतलब है कि एक element में दूसरा element हो सकता है।

Block-level and inline HTML elements

HTML में डिफ़ॉल्ट display और style के उद्देश्य के लिए, सभी तत्वों को दो श्रेणियों में विभाजित किया गया है:

  • Block level element
  • Inline element

Block level element:

  • ये elements हैं, जो वेब पेज के मुख्य भाग को एक पृष्ठ को coherent blocks में विभाजित करके बनाते हैं।
  • एक block level element हमेशा नई line से शुरू होता है और वेब पेज की पूरी चौड़ाई को बाएं से दाएं तक ले लेता है।
  • इन तत्वों में block level के साथ-साथ inline element भी हो सकते हैं।

HTML में block level elements निम्नलिखित हैं।

<addreas>, <article>, <aside>, <blockquote>, <canvas>, <dd>, <div>, <dl>, <dt>, <fieldset>, <figcaption>, <figure>, <footer>, <form>, <h1> – <h6>, <header>, <hr>, <li>, <main>, <nav>, <noscript>, <ol>, <output>, <p>, <pre>, <section>, <table>, <tfoot>, <ul> और <video>।

Example:

  1. <!DOCTYPE html>
  2. <html>
  3.              <head>
  4.     </head>
  5. <body>
  6.     <div style=“background-color: lightblue”>This is first div</div>
  7.     <div style=“background-color: lightgreen”>This is second div</div>
  8.     <p style=“background-color: pink”>This is a block level element</p>
  9. </body>
  10. </html>

Output:

Block-level and Inline HTML elements

उपरोक्त उदाहरण में हमने उपयोग किया है

टैग, जो एक वेब पेज में एक section को परिभाषित करता है, और पेज की पूरी width लेता है।

हमने style attribute का उपयोग किया है जो HTML content को style करने के लिए उपयोग किया जाता है, और background color दिखा रहा है कि यह ब्लॉक स्तर का तत्व है।

Inline element:

  • इनलाइन तत्व वे तत्व हैं, जो किसी दिए गए text के भाग को अलग करते हैं और इसे एक विशेष function प्रदान करते हैं।
  • ये तत्व नई लाइन से शुरू नहीं होते हैं और आवश्यकता के अनुसार चौड़ाई लेते हैं।
  • इनलाइन तत्वों का उपयोग ज्यादातर अन्य तत्वों के साथ किया जाता है।

<a>, <abbr>, <acronym>, <b>, <bdo>, <big>, <br>, <button>, <cite>, <code>, <dfn>, <em>, <i> >, <img>, <input>, <kbd>, <label>, <map>, <object>, <q>, <samp>, <script>, <select>, <small>, <span>, <strong>, <sub>, <sup>, <textarea>, <time>, <tt>, <var>।

Example:

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.     </head>
  5. <body>
  6.     <a href=“https://www.javatpoint.com/html-tutorial”>Click on link</a>
  7.     <span style=“background-color: lightblue”>this is inline element</span>
  8.     <p>This will take width of text only</p>
  9.  </body>
  10. </html>

Output:

Block-level and Inline HTML elements

HTML में उपयोग किए जाने वाले कुछ मुख्य elements की सूची निम्नलिखित है:

Start tag Content End tag Description
<h1> …… <h6> ये HTML के headings हैं </ H1> ?? .. </ h6> इन elements का उपयोग पृष्ठ के headings को प्रदान करने के लिए किया जाता है।
<P> यह paragraph है </ P> इस element का उपयोग paragraph के रूप में एक content को प्रदर्शित करने के लिए किया जाता है।
<Div> यह div section है </ Div> इस element का उपयोग वेब पेज में एक section प्रदान करने के लिए किया जाता है।
<br> इस element का उपयोग line break प्रदान करने के लिए किया जाता है। (void element)
<Hr> इस element का उपयोग एक horizontal line प्रदान करने के लिए किया जाता है। (void element)

Leave a Reply

DMCA.com Protection Status