HTML Block

⟼. HTML Blocks are grouping items of HTML elements each element has display based on blocks it also have display but can group the other HTML elements also as block.

All block elements are starts in new line. Block level elements can contain other block line elements as nested block line elements. Block level elements can stretch to the browser full width.

List of block level elements

p
h1, h2, h3, h4, h5, h6
ol, ul
pre
address
blockquote
dl
div
fieldset
form
hr
noscript
table

1) In HTML block-level elements is given within <body>..</body> tag

Example:-

 <!DOCTYPE html>
<html>
<body>
<h4>Block level elements comes within body tag</h4> 
</body>
</html> 

2) Block-level elements always start with the new line.

Example:-

 <!DOCTYPE html>
<html>
<body>

<p>Block level elements starts with new line tag</p> 
<p>This paragraph will start in new line</p> 

</body>
</html> 

HTML Inline elements

1) In HTML inline elements is also given within <body>..</body> tag

Example:-

 <!DOCTYPE html>
<html>
<body>

<h4>Inline elements comes within body tag and inside block level elements. For example, <b> Here b(Bold) tag is inline element</b></h4> 

</body>
</html> 

2) Inline elements will not start in a new line.

Example:-

<!DOCTYPE html>
<html>
<body>

<p>Inline elements will not start in new lines. For example, <i>i(italic) tag is inline element so content given inside i tag </i> will not start in new line</p> 

</body>
</html> 

Next TopicHTML Class

← prev next →

HTML Tutorials

HTML Tags

HTML5 Tutorial

HTML Block

List of block level elements

1) In HTML block-level elements is given within <body>..</body> tag

Example:-

2) Block-level elements always start with the new line.

Example:-

HTML Inline elements

1) In HTML inline elements is also given within <body>..</body> tag

Example:-

2) Inline elements will not start in a new line.

Example:-