HTML The Definitive Guide (40 page)

Authors: Chuck Musciano Bill Kennedy

BOOK: HTML The Definitive Guide

5.34Mb size Format: txt, pdf, ePub

4.7.5.4 The class, id, style, and title attributes
Although the browsers usually display

content in a defined style, you can override that style and add special effects, such as a background picture, by defining your own style for the tag. This new look can be applied to the tags using either the style or class attributes.
[Inline Styles:
The style Attribute, 9.1.1]
[Style Classes, 9.2.4]
You also may assign a unique id to the
tag, as well as a less rigorous title, using the respective attribute and accompanying quote-enclosed string value.
[The id attribute, 4.1.1.4]
[The title attribute,
4.1.1.5]
4.7.5.5 Event attributes
Like with most other tagged segments of content, user-related events can happen in and around
content, such as when a user clicks or double-clicks within its display space. Many of these events are recognized by the browser if it conforms to the HTML 4.0 specification (none do fully).
With the respective "on" attribute and value, you may react to that event by displaying a user dialog
box or activating some multimedia event. [JavaScript Event Handlers, 13.3.3]
4.7.6 The
Tag (Deprecated)
The tag is another of those whose effects are obvious: content, including text, graphics, tables, and so on, are each centered inside the browser's window. For text, this means that each line, individually, gets centered after the text flow is filled and wrapped. The alignment remains in effect until canceled with its end tag.

Function:
Center a section of text
Attributes:
ALIGN ONKEYUP
CLASS ONMOUSEDOWN
DIR ONMOUSEMOVE
ID ONMOUSEOUT
LANG ONMOUSEOVER
ONCLICK ONMOUSEUP
ONDBLCLICK STYLE
ONKEYDOWN TITLE
ONKEYPRESS
End tag:
; never omitted
Contains:
body_content
Used in:
block
Line-by-line is a common, albeit primitive, way to center text, and it should be used judiciously.
That's because the browsers do not attempt to balance a centered paragraph or other block-related elements, such as elements in a list. So keep your centered text short and sweet. Titles make good centering candidates; a centered list usually is difficult to follow.
Beyond that, you'll rarely see conventional text centered, except for some lyrical prose, so readers may react badly to large segments of centered prose in your documents. Rather, HTML authors more commonly use
to center a table or image in the display window (there is no explicit center alignment option for inline images or tables, but there are styles-related ways to achieve the effect).
Because users will have varying window widths, display resolutions, and so on, you may also want to employ the and extension tags (see previous descriptions) to keep your centered text intact and looking good. For example:

The tags in the sample source help ensure that the text remains on a single line, and the tag controls where the line may be broken if it exceeds the browser's display window width.
Centering also is useful for creating distinctive section headers, although you may now achieve the same effect with an explicit align=center attribute in the respective heading tag. You might also center text using align=center in conjunction with the
or tags. In general, the
tag can be replaced by an equivalent or similar tag and its use should be discouraged.
Indeed, like and other HTML 3.2 standard tags that have fallen in disfavor in the wake of style sheets, the
tag is deprecated in the HTML 4.0 standard. Nonetheless, its use in HTML documents is nearly universal, and the popular browsers are sure to support it for many revisions to come. Still, be aware of its eventual demise.
4.7.6.1 The dir and lang attributes
The dir attribute lets you advise the browser as to which direction the text within the
segment ought to be displayed, and lang lets you specify the language used within the tag.
[The dir
attribute, 3.5.1.1] [The lang attribute, 3.5.1.2]
4.7.6.2 The class, id, style, and title attributes
Use the style attribute to specify an inline style for the
tag, or use the class attribute to apply a predefined style class to the tag.
[Inline Styles: The style Attribute, 9.1.1]
[Style Classes,
9.2.4]
You may assign a unique id to the
tag, as well as a title, using the respective attribute and
accompanying quote-enclosed string value. [The id attribute, 4.1.1.4]
[The title attribute, 4.1.1.5]
4.7.6.3 Event attributes
Like with most other tagged segments of content, user-related events can happen in and around the
tag, such as when a user clicks or double-clicks within its display space. Many of these events are recognized by the browser if it conforms to the HTML 4.0 specification (none do fully).
With the respective "on" attribute and value, you may react to that event by displaying a user dialog
box or activating some multimedia event. Section 13.3.3 in
Chapter 13
4.7.7 The
Tag (Obsolete)
The tag is an obsolete tag, explicitly removed from the HTML 4.0 standard, meaning that you shouldn't use it. We include it here for historical reasons, since it is supported by some browsers and has the same effect on text formatting as the tag with a specified width of 132
characters.

Function:
Render a block of text without any formatting Attributes:
CLASS
STYLE
End tag:
; never omitted
Contains:
literal_text
Used in:
block
The only difference between
and is that no other markup is allowed within the tag. So you don't have to replace the literal <, >, and & characters with their entity equivalents in a block as you must inside a block.

«
1
...
18
...
35
36
37
38
39
40
41
42
43
44
...
104
...
163
»

Other books
File M for Murder by Miranda James
Being There by Jerzy Kosinski
Cyrosphere 2:: Lives Entangled by Deandre Dean, Calvin King Rivers
Imagine: How Creativity Works by Jonah Lehrer
The Lady and the Earl by Clark, Diedre
Dragonclaw by Kate Forsyth
Cross My Heart by Carly Phillips
Cezanne's Quarry by Barbara Corrado Pope
The Third Generation by Chester B. Himes
Violet Path by Olivia Lodise