HTML Blocks In Hindi – Block And Inline Tags In HTML In Hindi

HTML

HTML Blocks In Hindi – What Is The Difference Between Block Level And Inline Tags In HTML In Hindi – HTML Me 2 Prakaar Ke Tags Hote Hain, Block Level Tags Aur Inline Tags.

Block Level Tags Ke Andar Ka Content Jab Webpage Pe Display Hota Hai Tab Uske Pehle Bhi Aur Baad Me Bhi Automatically Line Break Hota Hai. Inline Tags Ke Andar Diya Gaya Content Lagataar Webpage Pe Display Hota Hai Aur Kisi Trah Ka Line Break Nahi Hota.

Also Read – HTML Lists

Block Level Tags In HTML In Hindi

Jab Bhi Block Level Tags/ Elements Webpage Par Print Hote Hain Toh Inke Beech Me Automatically Ek Line Ka Space Create Ho Jata Hai, Ya Hum Keh Sakte Hain Ki New Line Se Start Hote Hain Aur Block Ke Baad Bhi Line Break Ho Jata Hai. Block level elements display hone ke liye puri width lete hain left to right.

Neeche Kuch Block Level Elements Diye Gaye Hain:

<address><article><aside><blockquote>
<canvas><dd><div><dl>
<dt><fieldset><figcaption><figure>
<footer><form><h1>-<h6><header>
<hr><li><main><nav>
<noscript><ol><p><pre>
<section><table><tfoot><ul>
<video>   

Inline Tags In HTML In Hindi

Iss Tarah Ke Elements Usi Line Me Print Hote Hain Jaha Inko Istemal Kiya Jata Hai, Inko Print Hone Ke Line Newline Create Nahi Ki Jati. Inline Elements Screen Ki Utani Hi Width K Occupy Karte Hain Jitna Inko Zarurat Hoti Hai.

Neeche Kuch Inline Tags/ Elements Diye Gaye Hain:

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

Note: Kisi Bhi Inline Tag/ Element Ke Andar Hum Block Level Tag/ Element Ka Istemal Nahi Kar Sakte, Lekin Block Level Tag/ Element Me Hum Kitne Bhi Inline Tags/ Elements Ka Istemaal Kar Sakte Hain.

Aaiye Ab Ek Example Ke Jariye Hum Dono Levels Me Se Ek-Ek Element Istemal Karke Unke Beech Ka Farak Samajhte Hain.

Example:

<html>

   <head>
      <title>HTML span Tag</title>
   </head>
	
   <body>
       <h2>London</h2>
        <p>London is the capital city of <span style = "color:red">England</span>.
          It is the most populous city in the 
        <span style = "color:green">United Kingdom</span>, 
          with a metropolitan area of over 13 million inhabitants.</p>
        <p>This is <span style = "color:red">red</span> and this is
         <span style = "color:green">green</span></p>
   </body>
</html>

Output:

Upar Diye Gaye Example Me Humne 2 Bar <p> Tag Ko Istemal Karke Paragraph Create Kiya Hai Aur Dono Bar Display Hone Par Hum Dekh Pa Rahe Hain Ki Paragraphs Ke Pehle Bhi Aur Baad Me Bhi Line Breaks Create Hue Hain.

Lekin Dono <p> Tags Me Humne <span> Tag Ko Bhi Istemal Kiya Hai, Lekin Uske Display Hone Pe Koi New Line Create Nahi Hui.

<p> Tag Ne Screen Ki Puri Width Ko Occupy Kiya Hain Lekin <span> Ne Utana Ki Space Liya Jitna Usko Zarurat Thi.

Leave a Reply

Your email address will not be published. Required fields are marked *