Applying the font-weight and font-style properties.

Computer Networking: A Top-Down Approach (7th Edition)
7th Edition
ISBN:9780133594140
Author:James Kurose, Keith Ross
Publisher:James Kurose, Keith Ross
Chapter1: Computer Networks And The Internet
Section: Chapter Questions
Problem R1RQ: What is the difference between a host and an end system? List several different types of end...
icon
Related questions
Question

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Black Goose Bistro Summer Menu</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Marko+One&display=swap" rel="stylesheet">

    <style>
        body {
            font-family: 'Open Sans', sans-serif;
            font-size: 100%;
        }

        h1 {
            font-family: 'Marko One', serif;
            font-size: 1.5rem;
        }
        h2{
            font-size: 1rem;
        }
    </style>

</head>

<body>

    <div id="info">
        <h1>Black Goose Bistro &bull; Summer Menu</h1>

        <p>Baker's Corner, Seekonk, Massachusetts<br>
            <span class="label">Hours: Monday through Thursday:</span> 11 to 9, <span class="label">Friday and
                Saturday;</span> 11 to midnight</p>
    </div>

    <div id="appetizers">
        <h2>Appetizers</h2>
        <p>This season, we explore the spicy flavors of the southwest in our appetizer collection.</p>

        <dl>
            <dt>Black bean purses</dt>
            <dd>Spicy black bean and a blend of mexican cheeses wrapped in sheets of phyllo and baked until golden.
                <span class="price">$3.95</span></dd>

            <dt class="newitem">Southwestern napoleons with lump crab &mdash; <strong>new item!</strong></dt>
            <dd>Layers of light lump crab meat, bean and corn salsa, and our handmade flour tortillas. <span
                    class="price">$7.95</span></dd>
        </dl>
    </div>

    <div id="entrees">

        <h2>Main courses</h2>
        <p>Big, bold flavors are the name of the game this summer. Allow us to assist you with finding the perfect wine.
        </p>


        <dl>

            <dt class="newitem">Jerk rotisserie chicken with fried plantains &mdash; <strong>new item!</strong></dt>
            <dd>Tender chicken slow-roasted on the rotisserie, flavored with spicy and fragrant jerk sauce and served
                with fried plantains and fresh mango. <strong>Very spicy.</strong> <span class="price">$12.95</span>
            </dd>

            <dt>Shrimp sate kebabs with peanut sauce</dt>
            <dd>Skewers of shrimp marinated in lemongrass, garlic, and fish sauce then grilled to perfection. Served
                with spicy peanut sauce and jasmine rice. <span class="price">$12.95</span></dd>

            <dt>Grilled skirt steak with mushroom fricasee</dt>
            <dd>Flavorful skirt steak marinated in Asian flavors grilled as you like it<sup>*</sup>. Served over a blend
                of sauteed wild mushrooms with a side of blue cheese mashed potatoes. <span class="price">$16.95</span>
            </dd>
        </dl>

    </div>

    <p class="warning"><sup>*</sup> We are required to warn you that undercooked food is a health risk.</p>

</body>

</html>

EXERCISE 12-3. Making text bold and italic
Back to the menu. I've decided that I'd like all of the menu item names to be in
bold text. What I'm not going to do is wrap each one in <b> tags.that would
be so 1996! I'm also not going to mark them up as strong elements.that is not
semantically accurate. Instead, the right thing to do is simply apply a style to
the semantically correct dt (definition term) elements to make them all bold
at once. Add this rule to the end of the style sheet, save the file, and try it out
in the browser:
dt { font-weight: bold; }
Now that all the menu item names are bold, some of the text I've marked as
strong isn't standing out very well, so I think P'll make them italic for further
emphasis. To do this, simply apply the font-style property to the strong
element:
strong { font-style: italic;}
Once again, save and reload. It should look like the detail shown in FIGURE 128.
Black Goose Bistro • Summer Menu
Baker's Corner, Seekonk, Massachusetts
Hours: Monday through Thursday: 11 to 9, Friday and Saturday; 11 to midnight
Appetizers
This season, we explore the spicy flavors of the southwest in our appetizer collection.
Black bean purses
Spicy black bean and a blend of mexican cheeses wrapped in sheets of phyllo and baked
until golden. $3.95
Southwestern napoleons with lump crab – new item!
Layers of light lump crab meat, bean and corn salsa, and our handmade flour tortillas.
$7.95
Main courses
Big, bold flavors are the name of the game this summer. Allow us to assist you with finding
the perfect wine.
Jerk rotisserie chicken with fried plantains – new item!
Tender chicken slow-roasted on the rotisserie, flavored with spicy and fragrant jerk sauce
and served with fried plantains and fresh mango. Very spicy. $12.95
Shrimp sate kebabs with peanut sauce
Skewers of shrimp marinated in lemongrass, garlic, and fish sauce then grilled to
perfection. Served with spicy peanut sauce and jasmine rice. $12.95
FIGURE 12-8. Applying the font-weight and font-style properties.
Transcribed Image Text:EXERCISE 12-3. Making text bold and italic Back to the menu. I've decided that I'd like all of the menu item names to be in bold text. What I'm not going to do is wrap each one in <b> tags.that would be so 1996! I'm also not going to mark them up as strong elements.that is not semantically accurate. Instead, the right thing to do is simply apply a style to the semantically correct dt (definition term) elements to make them all bold at once. Add this rule to the end of the style sheet, save the file, and try it out in the browser: dt { font-weight: bold; } Now that all the menu item names are bold, some of the text I've marked as strong isn't standing out very well, so I think P'll make them italic for further emphasis. To do this, simply apply the font-style property to the strong element: strong { font-style: italic;} Once again, save and reload. It should look like the detail shown in FIGURE 128. Black Goose Bistro • Summer Menu Baker's Corner, Seekonk, Massachusetts Hours: Monday through Thursday: 11 to 9, Friday and Saturday; 11 to midnight Appetizers This season, we explore the spicy flavors of the southwest in our appetizer collection. Black bean purses Spicy black bean and a blend of mexican cheeses wrapped in sheets of phyllo and baked until golden. $3.95 Southwestern napoleons with lump crab – new item! Layers of light lump crab meat, bean and corn salsa, and our handmade flour tortillas. $7.95 Main courses Big, bold flavors are the name of the game this summer. Allow us to assist you with finding the perfect wine. Jerk rotisserie chicken with fried plantains – new item! Tender chicken slow-roasted on the rotisserie, flavored with spicy and fragrant jerk sauce and served with fried plantains and fresh mango. Very spicy. $12.95 Shrimp sate kebabs with peanut sauce Skewers of shrimp marinated in lemongrass, garlic, and fish sauce then grilled to perfection. Served with spicy peanut sauce and jasmine rice. $12.95 FIGURE 12-8. Applying the font-weight and font-style properties.
Expert Solution
steps

Step by step

Solved in 2 steps

Blurred answer
Recommended textbooks for you
Computer Networking: A Top-Down Approach (7th Edi…
Computer Networking: A Top-Down Approach (7th Edi…
Computer Engineering
ISBN:
9780133594140
Author:
James Kurose, Keith Ross
Publisher:
PEARSON
Computer Organization and Design MIPS Edition, Fi…
Computer Organization and Design MIPS Edition, Fi…
Computer Engineering
ISBN:
9780124077263
Author:
David A. Patterson, John L. Hennessy
Publisher:
Elsevier Science
Network+ Guide to Networks (MindTap Course List)
Network+ Guide to Networks (MindTap Course List)
Computer Engineering
ISBN:
9781337569330
Author:
Jill West, Tamara Dean, Jean Andrews
Publisher:
Cengage Learning
Concepts of Database Management
Concepts of Database Management
Computer Engineering
ISBN:
9781337093422
Author:
Joy L. Starks, Philip J. Pratt, Mary Z. Last
Publisher:
Cengage Learning
Prelude to Programming
Prelude to Programming
Computer Engineering
ISBN:
9780133750423
Author:
VENIT, Stewart
Publisher:
Pearson Education
Sc Business Data Communications and Networking, T…
Sc Business Data Communications and Networking, T…
Computer Engineering
ISBN:
9781119368830
Author:
FITZGERALD
Publisher:
WILEY