Span Tag in HTML5

In this article I am going to describe how to use Span Tag in HTML5.
  • 1838

Span Tag

<span> tag is used to group in-line elements in a document.

The difference between <span> tag and the <div> tag is that the <span> tag is used with inline elements whereas <div> tag is used with block level content. The <span> tag supports in both HTML5 and HTLM4.01. It is used for grouping inline elements. It is nothing without global attributes.The <span> tag is use for specifying a section in a document.

Note: When a text is hooked in a <span> element, you can style it with CSS, or manipulate it with JavaScript.

Browser Support

It is supported in all major browsers.


The syntax is given below:


Example of <span> tag in HTML5

<!DOCTYPE html>

<html lang="en" xmlns="">


    <meta charset="utf-8" />

    <title>Colgroup in HTML5</title>



    <h3>Implementation of Span Tag in HTML5</h3>


        He is a <span style="color: lightblue; font-weight: bold">Software Engineer</span>.He is having<br>

        good knowledge of <span style="color: red; font-weight: bold">Programming Languages</span>such as<br>

        <span style="color: blue; font-weight: bold">Java,Oracle,c#,Asp.Net,PHP</span>






© 2020 DotNetHeaven. All rights reserved.