HTML span Tag
The information on this page is based on HTML version 4.01 (which is the current version of HTML). The next version, HTML 5, is currently being written. Here's a list of HTML 5 tags.
The HTML span tag is used for grouping and applying styles to inline elements.
The difference between the span tag and the div tag is that the span tag is used with inline elements whilst the div tag is used with block-level content.
Also see HTML div tag.
| Example |
<p>The <span style="color:green">span tag</span> and the <span style="color:purple">div tag</span> are *OK* man.</p>
</div>
|
| Attributes: |
| Attributes specific to this tag: |
| None | |
| Other Attributes: |
| Attribute | Description |
| dir | Specifies the direction of the text |
| class | Document wide identifier. |
| id | Document wide identifier |
| lang | Language code |
| title | Specifies a title to associate with the element. Many browsers will display this when the cursor hovers over the element (similar to a "tool tip"). |
| style | Inline style (CSS) |
| align | Specifies alignment (left, right, center, justify). |
| onclick | Intrinsic event (see event handlers) |
| ondbclick | Intrinsic event (see event handlers) |
| onmousedown | Intrinsic event (see event handlers) |
| onmouseup | Intrinsic event (see event handlers) |
| onmouseover | Intrinsic event (see event handlers) |
| onmousemove | Intrinsic event (see event handlers) |
| onmouseout | Intrinsic event (see event handlers) |
| onkeypress | Intrinsic event (see event handlers) |
| onkeydown | Intrinsic event (see event handlers) |
| onkeyup | Intrinsic event (see event handlers) |
|
| Try it yourself! |
|
Also see the HTML 5 version of HTML tags
Enjoy this page?
-
- Link to this page (copy/paste into your own website or blog):
- Link to Quackit using one of these banner ads.
Thanks for supporting Quackit!
