HTML in Hindi – HTML Blocks

by
  • Introduction to HTML blocks in Hindi  
  • What is inline in HTML Hindi
  • Introduction to HTML inline in Hindi

HTML Blocks

HTML मे दो प्रकार के tag पाए जाते है | पहला block Level और दूसरा inline level और जब भी web page पर block level tags print होते है तो इनके बिच automatically एक line का space create हो जाता है अब निचे दिये गये tags को देखे यह एक block level tags है |

  • <div>
  • <p>
  • <h1> to <h6>
  • <table>
  • <pre>
  • <form>

HTML Inline

HTML मे दूसरे तरह के tags inline tags होते है। जब यह tags यूज़ किये जाते है तो web page पर एक के बाद एक दिखाई देते है अगर हम simple language मे कहे तो अगर आप 5 tag के अन्दर थोडा थोडा paragraph लिखेंगे तो भी आपके web page पर एक ही paragraph मे दिखाई देगा | अब निचे दिये गये blocks को देखे यह एक inline tags है |

  • <span>
  • <anchor>
  • <img>
  • <mark>

Div Tag

HTML मे <div> tag का use page को divide करने के लिए किया जाता है। इसे division tag भी कहते है। <div> एक block level tag है। इस tag के अन्दर html का सभी tags use किया जा सकता है और इसी tags के द्वारा आप अपने web page को section wise divide कर सकते है |

HTML मे <div> tag का एक और benefit मिलता है अगर हमे अपने web page पर किसी information को छुपाना है तो बड़ी ही आसानी के साथ छुपा सकते है पर इसके लिए हमे div tag का use करना पड़ेगा और हा छुपायी गयी information वही रहती है पर visitor को दिखाई नही देती है |

<!DOCTYPE html>
<html>
<head>
       <title>Easy Hindi Tutorials</title>
</head>
<body>
<div>
       <p>Easy Hindi Tutorials</p>
</div>
</body>
</html>

P Tag

इस tag का use paragraph लिखने के लिए किया जाता है अगर हम web page पर paragraph लिखना है तो p tag का use कर सकते है और अपने paragraph को लिख सकते है और हा paragraph tag भी एक block level tag है |

<p> type your paragraph </p>

H1 to H6 Tag

Html मे h1 to h6 heading tag है और heading tag का use लिखे हुए paragraph का title देने के लिए या short name देने के लिए किया जाता है | html मे कुल 6 प्रकार की heading होते है और हा <h1> to <h6> tag भी एक block level tag है |

<h1> Your Heading Tag </h1>
<h2> Your Heading Tag </h2>
<h3> Your Heading Tag </h3>
<h4> Your Heading Tag </h4>
<h5> Your Heading Tag </h5>
<h6> Your Heading Tag </h6>

Table Tag

table tag भी एक block level tag है table के बारे मे और अधिक जानने के लिए HTML table का article जरुर open करे |

Form Tag

Form tag भी एक block level tag है form के बारे मे और अधिक जानने के लिए HTML form का article जरुर open करे |

Pre Tag

HTML मे यह भी block level tag होता है। इस मे भी html के सारे tag use किये जा सकते है इस tag मे difference केवल इतना होता है की जैसा आप editor पर code type करेंगे ठीक वैसा ही आपके web page पर दिखाई देगा |

Span Tag

HTML मे <span> tag एक inline tag है इस tag के मदत से आप text formatting कर सकते है और जब आप <span> tag का use करते है तो आपका text दूसरी लाइन मे न जाकर उसी लाइन मे दिखयी देता है और जो text <span> tag के अन्दर रहता है केवल उसी text का style किया जा सकता है और <span> tag का खुद का कोई attribute नही होता है लेकिन style , id और class attribute का use करते हुए styling कर सकते है |

<!DOCTYPE html>
<html>
<head>
       <title>Easy Hindi Tutorials</title>
</head>
<body>
<div>
       <p>Easy Hindi <span style="color: red;">  Tutorials </span> </p>
</div>
</body>
</html>

Mark Tag

HTML मे <mark> tag भी inline tag होता है इस tag से भी text formatting किया जाता है पर इस tag का एक by default color yellow होता है यानी जैसे ही <mark> tag का use किया जाता है तो text के ऊपर अपने आप yellow color apply हो जाता है इस tag का भी कोई attribute नही होता है लेकिन style , id और class attribute का use कर सकते है |

<!DOCTYPE html>
<html>
<head>
       <title>Easy Hindi Tutorials</title>
</head>
<body>
<div>
       <p>Easy Hindi <mark style="color: red;">  Tutorials </mark> </p>
</div>
</body>
</html>

Anchor Tag

Anchor tag भी inline tag के श्रेणी मे आता है लेकिन anchor tag के बारे मे अधिक जानने के लिए html link का article जरुर open करे |

IMG Tag

Image tag भी inline tag के श्रेणी मे आता है लेकिन image tag के बारे मे अधिक जानने के लिए html image का article जरुर open करे |

HTML Map Tag HTML Frames
Previous Next