HTML and CSS Reference
To explore the use of inline elements:
1. Return to the demo_html.htm file in your Web browser.
2. Replace the code in the HTML Code box with the following:
<p>Welcome to the J-Prop Shop, owned and operated by David
3. Click the Preview Code button to display this paragraph in the Preview box.
To mark J-Prop Shop as strongly emphasized text, you can enclose that phrase
within a set of <strong> tags.
4. Insert the <strong> opening tag directly before the word J-Prop in the box on
the left. Insert the closing </strong> tag directly after the word Shop . Click the
Preview Code button to confirm that J-Prop Shop is now displayed in a bold-
Another text-level element is the cite element used to make citations. Explore
how citations are rendered by your browser by enclosing David Vinet within a set
of <cite> tags.
5. Insert an opening <cite> tag directly before the word David and insert the clos-
ing </cite> tag directly after Vinet . Click the Preview Code button to view the
revised code. Figure 1-36 shows the result of applying the <strong> and <cite>
tags to the paragraph text.
Applying the strong and cite text-level elements
6. Continue exploring other HTML elements listed in Figure 1-35 to see their effects
on the rendered text. Close the demo file when you're done.
You can nest text-level tags to mark a single text string with more than one element.
For example, the HTML code
<p>Welcome to the <strong><em>J-Prop Shop</em></strong>.</p>
marks the text string J-Prop Shop as both strong and emphasized text. In most browsers it
appears in a bold italic font.
Dave wants the names of all of the items in his product list to be marked as strong
text. Revise the code for the product names now.