html tutorial - <span> Tag in HTML - html5 - html code - html form




span tag

Learn html - html tutorial - span tag - html examples - html programs

  • <span> element is a generic inline container.
  • <span> tag does not make any visual changes in their elements the purpose of <span> tag is used to apply styles for their elements.
  • <span> tag supports Global Attributes and Event Attributes.
  • <span> tag belongs to Flow content and phrasing content.

Syntax for <span> tag:

<span>Content</span>

Sample Coding for <span> tag:

Tryit<!DOCTYPE html>
<html>
    <head>
        <title>Wikitechy span tag</title>
    </head>
    <body>
        <p>
          Welcome to<span style="color:red">Wikitechy.</span>             
        </p>
    </body>
</html>

Code Explanation for <span> tag:

<span> Tag Code Explanation

  1. <span> tag used to apply style to the text “Wikitechy”.
  2. style attribute used to specify the color. It will be shown in red color.

Output for <span> tag:

<span> Tag Output

  1. The output shows the “Wikitechy” in red color.

Browser Support for <span> tag in HTML:

Yes Yes Yes Yes Yes

Tips and Notes

  • <span> is alternate for <div> tag, the only difference is <span> tag is used for in line elements and <div> is used for block-level elements.
  • We can manipulate the elements in <span> tag by using JavaScript or CSS.

Related Searches to span tag in html

Adblocker detected! Please consider reading this notice.

We've detected that you are using AdBlock Plus or some other adblocking software which is preventing the page from fully loading.

We don't have any banner, Flash, animation, obnoxious sound, or popup ad. We do not implement these annoying types of ads!

We need money to operate the site, and almost all of it comes from our online advertising.

Please add wikitechy.com to your ad blocking whitelist or disable your adblocking software.

×