html2/exercise1.html at 1b2b33fc18ec0e66d84a34a13c8e6c6a1495eb6e · code61/html2 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!DOCTYPE html>
<html>
    <head>
        <title>CSS Exercises 1</title>
        <style>
            p {
                color: blue;
                font-family: 'Helvetica';
                font-size: 16px;}
            h1 {color: red;}
            ul li {background-color: yellow;}
            h2 {color: green; background-color: orange;}
            ol li {background-color: teal;}
        </style>
    </head>
    <body>
        <h1>Make me red!</h1>

        <p>I am a paragraph I should be blue, Helvetica, size 16px.</p>

        <ul>
            <li>This is an unordered list.</li>
            <li>All items in this list should have a yellow background.</li>
            <li>Just the items though - not the whole list!</li>
        </ul>

        <h2>Make me green on an orange background</h2>

        <p>I am a paragraph I should be blue, Helvetica, size 16px.</p>

        <ol>
            <li>This is an ordered list.</li>
            <li>All items in this list should have a fuscia background.</li>
            <li>Just the items thought - not the whole list!</li>
        </ol>

    </body>
</html>