HTML Blocks
HTML Blocks
सभी HTML तत्वों को दो श्रेणियों में वर्गीकृत किया गया है l
(a) Block Level Elements
(b)Inline Elements
Block Elements
ब्लॉक एलिमेंट स्क्रीन पर एस तरह से दिखाई देते हैं जैसे कि उनके पहले और बाद में लाइन ब्रेक हो।
उदाहरण के लिए, <p>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <ul>, <ol>, <dl>, <pre>, <hr />, <blockquote>, और <address> तत्व सभी ब्लॉक स्तर के तत्व हैं।
Inline Elements
Inline Element वाक्यों के भीतर appear हो सकते हैं और उन्हें स्वयं की एक नई पंक्ति पर appear होने की आवश्यकता नहीं है।
<b>, <i>, <u>, <em>, <strong>, <sup>, <sub>, <big>, <small>, <li>, <ins>, <del>, <code>, <cite>, <dfn>, <kbd>, and <var> element सभी inline element हैं।
Div Tag:
यह एक Block Element है l Div Tag एक container की तरह html में इस्तेमाल होता है जिसमे कई सारे अन्य tags को लिखे जातें हैं | <div> tag एक division tag है जो html पेज को कई section में बांटता है |
Example:
<!DOCTYPE html>
<html>
<head>
<title>HTML div Tag</title>
</head>
<body>
<! -- First group of tags -->
<div >
<h4>This is first group</h4>
<p>Following is a list of vegetables</p>
<ul>
<li>Beetroot</li>
<li>Ginger</li>
<li>Potato</li>
<li>Radish</li>
</ul>
</div>
<! -- Second group of tags -->
<div >
<h4>This is second group</h4>
<p>Following is a list of fruits</p>
<ul>
<li>Apple</li>
<li>Banana</li>
<li>Mango</li>
<li>Strawberry</li>
</ul>
</div>
</body>
</html>
Span Tag:
HTML span टैग एक inline एलिमेंट हैं जिसका उपयोग लाइन के लिए किया जाता हैं जिसका पूरे block पर कोई effect नही पड़ता हैं जहाँ तक span उपयोग किया गया हैं वही तक ही इसका इफ़ेक्ट रहता है । इसका खुद का अपना कोई एट्रिब्यूट नही होता है l
Example:
<!DOCTYPE html>
<html>
<head>
<title>Stech Institute</title>
</head>
<body>
<div>
<p>Stech <span style="color: red;"> Institute </span> </p>
</div>
</body>
</html>
Post a Comment