HTML Elements Showcase

Introduction: In HTML, elements are broadly divided into two categories: block-level and inline. Block elements take up the full width, while inline elements only take as much space as needed.

Block Elements

<div>

It is used as a generic container to group other HTML elements together

It is used to write a paragraph

<h1>

It is used to give the main heading of our HTML page

<h2>

It is used to give the sub-heading of our HTML page

<h6>

It is used to write the text in a HTML page

<ul>

It is used to create an unordered list

<ol>

It is used to create an ordered list

<form>

It is used for making a form

<section>

It is used to make a section in HTML

<article>

It is used to make an article in HTML

Inline Elements

The text inside this element becomes bold

The text inside this element becomes italic

The text inside this element becomes underlined

<strong>

The text inside this element becomes important & bold

<em>

The text inside this element becomes emphasized

<sup>

It is used to wite a ^superscript

<sub>

It is used to write a _subscript

<mark>

It is used to highlight text

<abbr>

It is used to give abbreviation

<code>

It is used to write code

#include (iostream)

      #include (iostream.h);
      int main()
      {
        int a=5;
        int b=7;
        int sum=a+b;
        return 0;
      }

HTML Elements Showcase-Inline vs Block

Block Elements

Inline Elements

Comparison

Block Elements	Inline Elements
<div>	<b>
<p>	<i>
<h1>	<u>
<h2>	<strong>
<h6>	<em>
<ul>	<sup>
<ol>	<sub>
<form>	<mark>
<section>	<abbr>
<article>	<code>