Each HTML Block component has a default show esteem, contingent upon what kind of component it is.
There are two showcase esteems: block and inline.
Square level Elements
A square level component consistently begins another line.
A square level component consistently takes up the full width accessible (loosens up to one side and right the extent that it can).
A square level component has a top and a base edge, while an inline component doesn’t.
The <div> component is a square level component.
Here are the block-level elements in HTML:
An inline component doesn’t begin another line.
An inline component just takes up as much width as fundamental.
This is a component inside a section.
Note: An inline element cannot contain a block-level element!
The <div> Element
The component is frequently utilized as a compartment for other HTML components.
The component has no necessary credits, yet style, class and id are normal.
When utilized along with CSS, the component can be utilized to style squares of content:
<p>London is the capital city of England.
The <span> Element
<span> component is an inline holder used to increase a piece of a book, or a piece of a report.
<span>component has no necessary ascribes, however style, class and id are normal.
When utilized along with CSS, the
<span> component can be utilized to style portions of the content:
<p>My mother has <span style=”color:blue;font-weight:bold”>blue</span> eyes and my father has <span style=”color:darkolivegreen;font-weight:bold”>dark green</span> eyes.</p>