HTML The Definitive Guide (40 page)

Read HTML The Definitive Guide Online

Authors: Chuck Musciano Bill Kennedy

BOOK: HTML The Definitive Guide
5.59Mb 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:



Copyright 1995 by QuatCo Enterprises. All rights reserved.



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.

Other books

War in Heaven by Charles Williams
Mink River: A Novel by Doyle, Brian
Fire Storm by Steve Skidmore
Halloween Party by R.L. Stine
Truth Lies Bleeding by Tony Black
Gideon's Promise (Sons of Judgment Book 2) by Morgana Phoenix, Airicka Phoenix
When We Touch by Heather Graham
Taken by the Billionaire by Claire, Kendra

© 100 Vampire Novels China Edition 2015 - 2024    Contact for me [email protected]