HTML Tutorial 13

Prepared by: Anthony Larrain

---

Span tag

• The <span>tag does nothing.
• Typically used to apply a style to a line or a word within an element.
• Used along with the attributes.
• style
• id
• class

Example 1

<h2>House of Tunes Concert Schedule <span>2006</span></h2> <h2>House of Tunes Concert Schedule <span style="color:red;font-size:.9em;">2006</span></h2>

Browser Display

House of Tunes Concert Schedule 2006

House of Tunes Concert Schedule 2006

Example 2

This example uses a class selector to define the style. Remember the class selector is defined within the style tags nested inside the head or an external style sheet.

.year { font-family:Georgia,serif; font-size:8em; color:red; } <h2>House of Tunes Concert Schedule <span class="year">2006</span></h2>

Browser Display

House of Tunes Concert Schedule 2006

@Anthony Larrain 2005 - 2006

Send Questions or Comments to hci201@yahoo.com