c9-first-workspace/index.html at master · Shackleshadow/c9-first-workspace · 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
<!DOCTYPE html>
<html lang="en-us">
  <head>
    <meta charset="utf-8">
    <title>Hello...</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
    <script src="script.js"></script>
  </head>

  <body>
    <!-- USE THE COMMENTS BELOW TO COMPLETE ACTIVITIES 1 through 6. -->
    <!-- Press RUN and "Preview Running Application" -->
    <!-- To view your changes, save your editted files and refresh the preview page -->

    <!-- 1. Change the content of the h tag to customize the header of your webpage with your name -->
    <h1 id="one">Welcome to Bryan's page.</h1>

    <!-- 2. Change the content of the p tag with the id two to a paragraph about you.
    	Include your age, your favorite hobby, and one interesting fact about you.-->
    <p id="two">
      <ul>
        <li>I'm 16 years old</li>
        <li>I rock climb a lot</li>
        <li>I play a lot of video games</li>
      </ul>
    </p>

    <!-- 3. Change the h2 tag with the id of three to include your favorite food. -->
    <h2 id="three">My favorite food is Tacos.</h2>

    <!-- 4. Change the image with id image1 to be your favorite food. -->
    <img id="image1" src="http://static.lakana.com/media.fox32chicago.com/photo/2016/01/29/tacos_istock_1454097032574_780517_ver1.0.jpg">

    <!-- 5. Change the image with id image2 to be your favorite food. -->
    <h2 id="four">I was born in Missouri.</h2>

    <!-- 6. Did you save this file and click "Preview" above?? -->

    <button id="button1" class="buttonStyle">click me</button>

    <button id="button2" class="buttonStyle">No, click me!</button>

    <button id="button3" class="buttonStyle">Don't click me!!</button>

    <br><img id="image2" src="https://assets-cdn.github.com/images/modules/logos_page/Octocat.png">
    <ol>

    <li><a href="PAges/About.html">Link to About Page</a></li>
    <li><a href="PAges/Contact.html">Link to Contact me Page</a></li>
    <li><a href="https://en.wikipedia.org/wiki/Sonic_the_Hedgehog">Wiki Link to my favorite musical artist</a></li>
    </ol>
  </body>
</html>