HTML Span Tag Tutorial

Browser Support

The span element is a generic container element. It's similar to the division tag only it's an inline element rather than a block level element.

The span element doesn't do anything by itself, but it become a powerhouse when you use CSS to define what the span element will do.

Here's an example:

The book, 
<span style="font-variant: small-caps">
Three Magic Words</span> is...

That would show up on a web page like this...

The book, Three Magic Words is...

You can use the span tag and CSS to change the font color or the font size, to underline or overline text, to add a background color, to box in text and many more things.

There are probably hundreds of ways to use a span tag. Experiment with it and see what you discover.

Based on your interest in this tutorial you may also be interested in:

This concludes the HTML Span Tag Tutorial.

Back | HTML Tag Chart | HTML Index | Web Design Tutorials

If you want your web site to rank high in the search engines . . . what are you going to do to get it there? Check out my search engine optmization guide, SEO for YOU: Search Engine Optimization for Ordinary Everyday People!

Check out SEO for YOU now!

Almost a Newsletter

Subscribe today for exclusive website design tutorials and grab some free gifts to boot! Learn more, or subcribe below:

Did you know...

The member's site has about 100 standards compliant HTML and CSS tutorials, 31 handy reference charts, reprintable content, web graphics, exclusive fonts, free software, free ebooks and more? All this for less than 9 cents a day! [ Details ]