Block Vs Inline elements..

block and inline elements

Block Vs Inline elements..

Hello, This is Arpan Tiwari presenting another concept in web development in detail.. I have completed this lecture with Anurag sir from PW Skills.. This snippet include comparison between Block elements and inline elements and the other important topic like how to bring image in the web page..

First of all Block elements are those elements which occupy all the spaces available in their left and right side as well.. They always start with a new line.. There are some block elements like as p tag , div tag , hr tag and so on.. But the most used as a block elements is div ..

 <div>Lorem ipsum dolor sit.</div>
    <hr>
 <h1>PW Skills</h1>
    <h1>PW Skills</h1>
    <p>Arpan Tiwari</p>

On the other hand if we talk about Inline tag they are opposite to block elements as they only take the space as much as required and not necessary to start with new line they can be used between the paragraph also.. There are some of inline element like b tag , span tag and many more.. But the most used one is span..

 <p>Lorem ipsum dolor sit amet <b>consectetur</b> adipisicing elit. Nemo ipsam sunt autem atque nulla, neque repellendus enim beatae laboriosam sapiente.</p>
 <span>Arpan Tiwari</span>

The last concept is to add image in the web page using img tag.. Give the source name in the form of file .. You can also change the dimension of uploaded images by giving its height and breadth in terms of pixel value.. You can also give the name to image by just adding the title as attribute in the image tag..

 <img src="computer.jpg" alt="" height=" 1500px" width="1600px" title="ARPAN photo"/>

So this was all about this snippet I hope this will helpful for you .. Thank you ..