आज इस आर्टिकल में हम आपको HTML Block & Inline Element Tutorials in Hindi – Part 13 के बारे में बता रहे है.
हर HTML element की एक default display property होती है जिससे वह next line में या उसी line में show होता है इसी को हम block या inline element कहते है.
HTML Block Level Element
एक block level element वो होता है जो नई line से शुरू होता है, या screen की पूरी width लेता है. हम आपको block level element के बारे में बता रहे है.
No. | Block Level Element |
1. | <address> |
2. | <article> |
3. | <aside> |
4. | <blockqoute> |
5. | <canvas> |
6. | <dd> |
7. | <div> |
8. | <dl> |
9. | <fieldset> |
10. | <figcaption> |
11. | <figure> |
12. | <footer> |
13. | <form> |
14. | <h1>---- <h6> |
15. | <header> |
16. | <hr> |
17. | <li> |
18. | <main> |
19. | <nav> |
20. | <noscript> |
21. | <ol> |
22. | <output> |
23. | <p> |
24. | <pre> |
25. | <section> |
26. | <table> |
27. | <tfoot> |
28. | <ul> |
29. | <video> |
HTML Inline Element
जो HTML element नई line से शुरू ना हो उनको हम inline element कहते है.
No. | Inline Element |
1. | <a> |
2. | <abbr> |
3. | <acronym> |
4. | <b> |
5. | <bdo> |
6. | <big> |
7. | <br> |
8. | <button> |
9. | <cite> |
10. | <code> |
11. | <dfn> |
12. | <em> |
13. | <i> |
14. | <img> |
15. | <input> |
16. | <kbd> |
17. | <label> |
18. | <map> |
19. | <object> |
20. | <q> |
21. | <samp> |
22. | <script> |
23. | <select> |
24. | <small> |
25. | <span> |
26. | <strong> |
27. | <sub> |
28. | <sup> |
29. | <textarea> |
30. | <time> |
31. | <tt> |
32. | <var> |
HTML <div>
Element
<div> element को container की तरह इस्तेमाल किया जा सकता है. इसके साथ में ज्यादातर attribute का इस्तेमाल नही किया जाता है. लेकिन इसमें ज्यादातर style, class और id attributes का इस्तेमाल किया जाता है.
<div style="color:red;background-color:blue; font-size:50px;">
<p>This paragraph inside div tag</p>
</div>
Output>>>>>
HTML <span>
Element
इस element का इस्तेमाल भी container की तरह ही होता है लेकिन है नई line नही बनाता, मतलब यह एक inline element है. इसमें भी div element की तरह ही attribute का इस्तेमाल किया जा सकता है.
<p>My <span style="color:red">Important</span> paragraph</p>
Output>>>>>