HTML span Tag

by Online Tutorials Library July 14, 2022

HTML tag

HTML tag is used as a generic container of inline elements. It is used for styling purpose to the grouped inline elements (using class and id attribute or inline style).

The tag does not have any default meaning or rendering.

The tag can be useful for the following task:

To change the language of a part of the text.
To change the color, font, background of a part of text using CSS
To apply the scripts to the particular part of the text.

Note: HTML is much similar as <div> tag, but <div> is used for block-level elements and tag is used for inline elements.

Syntax

Following are some specifications about the HTML tag

Display	Inline
Start tag/End tag	Both Start and End tag
Usage	Styles and semantics

Example

  <!DOCTYPE html>  <html>  <head>   <title>Span Tag</title>   </head>  <body>    <h2>Example of span tag</h2>    <p>I have choosen only     <span style=”color: red;”>red</span>,     <span style=”color: blue;”>blue</span>, and    <span style=”color: green;”>green</span> colors for my painting.    </p>  </body>  </html>  

Test it Now

Output:

HTML span tag

Attribute:

Tag-specific attributes:

The tag does not contain any specific attribute in HTML.

Global attribute:

The tag supports the Global attributes in HTML.

Event attribute:

The tag supports the Event attributes in HTML.

Supporting Browsers

Element	Chrome	IE	Firefox	Opera	Safari
<span>	Yes	Yes	Yes	Yes	Yes

Next TopicHTML strike Tag

HTML span Tag

HTML <span> tag

Note: HTML <span> is much similar as <div> tag, but <div> is used for block-level elements and <span> tag is used for inline elements.