codeup-web-exercises/html-elements-lec.html at main · robles-jonathan/codeup-web-exercises · 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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Intro to Elements</title>
    <link rel="stylesheet" href="css/selectors-properties.css">
</head>
<body>
<header>
    <h1>Slowbro</h1>
    <br>
    <nav>
        <a href="https://www.pokemon.com/us/pokedex/slowbro" target="_blank">Learn More About Slowbro</a>
        <a href="https://www.google.com/" target="_blank">Google</a>
    </nav>
    <hr>
</header>
<section id="main-image">
    <img src="img/slowbro.png" alt="slowbro">
</section>
<main>
    <p>Number: <span class="red-font"><strong>79</strong></span></p>
    <section>
        <strong>Description:</strong> "Slowpoke became Slowbro when a Shellder bit on to its tail. Sweet flavors seeping
        from the tail make
        the Shellder feel as if its life is a dream.
    </section>
    <section class="orange-bg" id="type">
        <h2>Type</h2>
        <ul class="blue-bg">
            <li>Water</li>
            <li>Psychic</li>
        </ul>
    </section>
    <table>
        <tr>
            <th>Height</th>
            <th>Weight</th>
            <th>Category</th>
            <th>Abilities</th>
            <th>Gender</th>
        </tr>
        <tr>
            <td>5'03"</td>
            <td>173.1 lbs</td>
            <td>Hermit Crab</td>
            <td>Oblivious</td>
            <td>&#9794</td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td>Own Tempo</td>
            <td>&#9792</td>
        </tr>
    </table>
</main>
<div id="parent-div">
    <div>
        <h2>Am I a descendant of divs?</h2>
    </div>
</div>
<footer>
    <h1 class="orange-bg underline">This is also red.</h1>
    <a href="#top" id="back-to-top">Back to Top</a>
</footer>
</body>
</html>