Book VI 2 in Java

Generate ECC200 in Java Book VI 2

The two br elements force new lines to be added, as shown in Figure 2-2

Most Web pages have a paragraph or groups of paragraphs offset by headings HTML supports six levels of headings with the h1, h2, h3, h4, h5, and h6 elements The h1 element is the topmost and largest; the h6 element is the smallest heading Here are some examples:

<h1>This <h2>This <h3>This <h4>This <h5>This <h6>This is is is is is is heading heading heading heading heading heading 1</h1> 2</h2> 3</h3> 4</h4> 5</h5> 6</h6>

The HTML is displayed in the browser, as shown in Figure 2-3

You may want to visually offset one block of text from another One way to do this is to use an hr element, which adds a horizontal line (or rule) to your document For example, the following hr tag separates two sections of a page:

<p>The next day Mrs Whitney and Reuben moved, with all their belongings, to Lewes</p> <hr/> <h1> 3: The Burglary At The Squire s</h1> <p> What is that woman Whitney going to do with her boy the squire asked the schoolmaster, when he happened to meet him in the village about a month after she had left Have you heard </p>

Within a paragraph, you may have a reason to group part of the text so that you can add styling to it rather than to the entire paragraph The span element is used to perform this sort of behind-the-scenes grouping, as shown in this example:

Without any attributes, the span element does nothing to the text Instead, you typically use it with the style attribute, as shown a little later in this chapter, in the section Fontastic! Specifying the Typeface, Size, and Color

Whether the Web site you re creating is megahuge or teeny-weeny, your most common formatting task is emphasizing text with bold and italics This section describes the two elements you use for adding these two popular text effects

Use the strong element when you want to strongly emphasize a portion of text Strong text is displayed in the browser with a bold typeface, as shown in this example:

Use the strong element to ensure compatibility with future browsers Traditional HTML had a b tag for bolded text, but this element is being phased out in newer versions of HTML and XHTML Heading elements (h1 to h6) automatically bold the text, so you don t need to add strong tags

The em element is used when you want to emphasize text with italics, as shown in this example:

Traditional HTML sported an i tag for italics However, because this element is being phased out, use the em element instead

Until now in this chapter, all the HTML formatting you looked at uses HTML elements to change the look of the text However, after you begin to work with font properties such as typeface, size, and color you need to begin working with Cascading Style Sheets (CSS) styling (Refer to Book V for full details on CSS) In years gone by, HTML designers used a font tag to set

character formatting However, the font tag is obsolete in newer versions of HTML and XHTML, so we strongly recommend that you avoid using it In this section, we show you the basics of using CSS to format text with the style attribute of the p and span elements You can use the style attribute to set a style rule for all the content within a single element The generic code looks like this:

CSS properties are declared as name-value pairs, separated by colons Semicolons are used to separate more than one CSS property In addition to applying inline styles, you can apply style rules globally with the style element or by using an external stylesheet (For the full scoop on these items, be sure to flip to Book V)