Block html in hindi-ब्लाक html क्या है?

by

हीलो दोस्तों आज के इस पोस्ट में आपको Block html in hindi के बारे में बताया जा रहा है की कैसर काम करता है तो चलिए शुरू करते है

html blocks का परिचय

html में block  level और inline 2 तरह के tags होते है जब भी block level tags webpage में show होते है तो automatically इनके पहले और बाद में एक लाइन का space होता है कुछ common block level tags के बारे में निचे दिया जा रहा है

  • div
  • p
  • h1

दूसरी तरीके के tags inline tags होते है जब ये tags का प्रयोग किये गए tag की लाइन में ही show हो जाते है यदि आप <br/> tag का प्रयोग न करे तो इनके पहले तथा इनके बाद में कोई space नहीं रह पायेगा

  • span
  • anchor
  • img

html <div> tag

<div> tag पेज को divide करने के लिए प्रयोग किया जाता है इसे division tag भी कहते है इस tag में आप दुसरे html tags को प्रयोग कर सकते है <div> एक block  level tag है इस tag को CSS के साथ प्रयोग करते है आप अपने webpage को डिजाईन कर सकते है ये पेज पुरे पेज को section में divide कर देता है

इन section को आप जरुरत पड़ने पर hide और show कर सकते है ऐसा करने पर इनफार्मेशन(information) webpage पर होते हुए भी visitor को तब show होगी जब वह देखना चाहते <div> पर apply की गयी CSS <div> के अन्दर के सभी tags पर apply होती है

किसी webpage की अलग अलग तरह की information को separate करने के लिए <div> tag का प्रयोग किया जाता है

for example

<html>
<head>
<title>div tag demo</title>
</head>
<body>
<div style=”color:block; background-color:green; padding:10 px; margin:20px;”>
this webpage provide best hindi learning programming 
html css java python and many more topics availabe here so, visit my website
</div>
</html>

some other block level tags

TagsExplanation
<form><form> tag एक block level tag होता है इस tag से आप किसी webpage पर form की beginning और end define करते है बाकी दुसरे html forms से related tags इसी tag के अन्दर आते है
<h1>….<h6>सभी heading tags block level tags होते है हर heading खुद का एक block डिफाइन करती है जिसके पहले और बाद में automatic line break होता है
<p>जैसा की आप जानते है की <p> tag से पैराग्राफ(paragraph) को define किया जाता है और हर paragraph के पहले और  बाद में लाइन break होता है इसलिए <p> tag को भी block level tag माना जाता है
<ol>,<ul>दोनों list tag <ol> or <ul> block level tags होते है क्योकि हर list खुद का एक section define करती है
<table><table> tag भी एक block level tag माना जाता है क्योकि ये एक अलग section create करता है जो पेज के पुरे कंटेंट से अलग होता है और पहले और बाद की line break include करता है
<pre>ये एक block level tag होता है इसमे दुसरे सभी tags प्रयोग किये जा सकते है और इसे प्रयोग करने से जैसे आप text editor में tags को configure करते है जैसे वे webpage पर show होता है

html <span> tag

<span> एक inline tag है इससे आप text फॉर्मेट करते है जब भी आप इस tag को प्रयोग करते है तो इससे आपका text दूसरी line में न जाकर उसी line में रहता है जो text इस tag के बीच रहता है formatting केवल उसी पर apply होता है <span> tag के खुद के कोई attribute नहीं  होता है लेकिन आप style और क्लास(class) attribute को इस tag के साथ प्रयोग कर सकते है इस tag को आप heading में भी प्रयोग कर सकते है

for example

<html>
<body>
<p>
this website provide best learning course as html 
css java python and more information
<span style=”color:blue;”>put them in span tag </span>
</p>
</body>
</html>
Block html in hindi-ब्लाक html क्या है?

reference-https://www.tutorialspoint.com/html/html_blocks.htm

निवेदन:-आप सभी छात्र –छात्रों से निवेदन है की अगर आपको ये Topic(Block html in hindi) अच्छा लगा हो तो कृपया आप इस वेबसाइट के बारे में अपने दोस्तों को जरुर बताये अगर कोई topic से संबधित प्रश्न हो तो कमेंट्स(comments) आपके लिए ही बना है और किसी Subject के लेकर भी कोई प्रश्न हो तो कमेंट करे

Leave a Comment