Span

<span> tag is an inline tag that gives us the next format.
It adds markup to the text or portion of the document.
Whenever you utilize this label your text stays in a similar line as opposed to going to the subsequent line. The arranging of the remaining parts between this label simply applies to it.

Example: Without a span tag

<!DOCTYPE html>
<html>

<head>
    <title>Span</title>
</head>

<body>
    <h1>Example without span tag</h1>
    <p style="background-color: aquamarine">Hello and Welcome to Quipoin</p>
</body>

</html>

Output:

Example: With span tag

<!DOCTYPE html>
<html>

<head>
    <title>Span</title>
</head>

<body>
    <h1>Example with span tag</h1>
    <p>Hello and Welcome to <span style="background-color: aquamarine;">Quipoin</span></p>
</body>

</html>

Output:

Usage of Span

The <span> element is a small box that can be added to a part of a text in a document.
It is easy to customize or manage through JavaScript using the class or id attribute.
It is similar to the <div> element, but while the <div> is a bigger box that takes up the entire line, the <span> is smaller and only takes up the space it needs.