HTML Tutorial - Block and Inline Elements in HTML | URDU

 

Youtube Video Link : https://www.youtube.com/watch?v=I9bbHLd_hOc

You will learn the difference between block level elements and inline elements

Block Level Elements

• These elements contains full width (full row) on screen
• Every new element after block level element will come in new line 
• List of block level elements
• <address></address>

      <article></article>

      <aside></aside>

      <blockquote></blockquote>

      <canvas></canvas>

      <dd></dd>

      <div></div>

      <dl></dl>

      <dt></dt>

      <fieldset></fieldset>

      <figcaption></figcaption>

      <figure></figure>

      <footer></footer>

      <form></form>

      <h1></h1>

      <h2></h2>

      <h3></h3>

      <h4></h4>

      <h5></h5>

      <h6></h6>

      <header></header>

      <hr />

      <li></li>

      <main></main>

      <nav></nav>

      <ol></ol>

      <p></p>

      <pre></pre>

      <section></section>

      <table></table>

      <tfoot></tfoot>

      <ul></ul>

      <video></video>
• Please checkout Youtube video for more details

Inline Elements

• These elements contain width according to its content
• Every new element after inline element will come next to the previous element in the same row
• List of inline elements
• <a></a>

      <abbr></abbr>

      <b></b>

      <bdo></bdo>

      <br>

      <button></button>

      <cite></cite>

      <code></code>

      <dfn></dfn>

      <em></em>

      <i></i>

      <img>

      <input>

      <kbd></kbd>

      <label></label>

      <select></select>

      <small></small>

      <span></span>

      <label></label>

      <map></map>

      <object></object>

      <output></output>

      <q></q>

      <samp></samp>

      <script></script>

      <strong></strong>

      

      

      <textarea></textarea>

      <time></time>

      <var></var>

Follow me on Instagram: 

https://www.instagram.com/codewithmuzamil/

Subscribe to my Youtube channel for more videos:

https://youtu.be/oK99eZPTAUA