Intro-To-Web-Dev/index.html at master · matrayu/Intro-To-Web-Dev · 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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!DOCTYPE html>
<html lang="en">
<!---This is the header section-->

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        table, th, td {
                border: 1px solid black;
            }
    </style>
</head>


<!---This is the body and currently has H1-H3.-->

<body>
    <div>
        <table>
            <tr>
                <th>Month</th>
                <th>Day</th>
                <th>Year</th>
            </tr>
            <tr>
                <td>November</td>
                <td>14</td>
                <td>2018</td>
            </tr>
            <tr>
                <td>November</td>
                <td>15</td>
                <td>2018</td>
            </tr>
        </table>
        <section>
            <h1 title="item1">Some funny text 1</h1>
            <p>This is a little bit about me in paragraph one.</p>
            <ul>
                <li class="item1"></li>
                <li class="item2"></li>
                <li class="item3"></li>
                <li class="item4"></li>
                <li class="item5"></li>
            </ul>
            <a href="http://www.harmos.com">
                <img src="https://3c1703fe8d.site.internapcdn.net/newman/gfx/news/hires/2018/universe.jpg" alt="Image 1"
                    width="300" target="_blank">
            </a>
        </section>
        <hr>
        <section>
            <h2 title="item2">Some funny text 2</h2>
            <p>This is paragraph 2</p>
            <ul>
                <li class="item1"></li>
                <li class="item2"></li>
                <li class="item3"></li>
                <li class="item4"></li>
                <li class="item5"></li>
            </ul>
            <a href="http://www.harmos.com">
                <img src="http://themes.ishyoboy.com/kreo/freelance/wp-content/uploads/sites/3/2015/07/film_camera-1170x732.jpg"
                    alt="Image 2" width="300" target="_blank">
            </a>
        </section>
        <hr>
        <section>
            <h3 title="item3">Some funny text 3</h3>
            <p>This is paragraph 3</p>
            <ul>
                <li class="MyList1"></li>
                <li class="MyList2"></li>
                <li class="MyList3"></li>
            </ul>
            <a href="http://www.harmos.com">
                <img src="https://images.pexels.com/photos/414171/pexels-photo-414171.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260"
                    alt="Image 3" width="300" target="_blank">
            </a>
            <form>
                <input type="type" name="First Name" id="">
                <input type="type" name="Last Name" id="">
                <input type="type" name="Email Address" id="">
                <input type="submit" value="Magic Button">
            </form>
            <ol>
                <li>HTML</li>
                <li>CSS</li>
                <li>Backend Development</li>
                <li>Front End Development</li>
                <li>Networking</li>
            </ol>
            <a href="https://youtu.be/AiQ0Y-FSsl8"></a>
            <hr>
            <div>
                <h1>Stand by Me</h1>
                <img src="http://www.gstatic.com/tv/thumb/v22vodart/9417/p9417_v_v8_aa.jpg" alt="Stand by Me Movie Poster" width="400">
                <p>After learning that a stranger has been accidentally killed near their rural homes, four Oregon boys
                    decide to go see the body. On the way, Gordie Lachance (Wil Wheaton), Vern Tessio (Jerry
                    O'Connell), Chris Chambers (River Phoenix) and Teddy Duchamp (Corey Feldman) encounter a mean junk
                    man and a marsh full of leeches, as they also learn more about one another and their very different
                    home lives. Just a lark at first, the boys' adventure evolves into a defining event in their lives.
                </p>
                <ul>
                    <li>Gordie Lachance (Wil Wheaton)</li>
                    <li>Vern Tessio (Jerry O'Connell)</li>
                    <li>Chris Chambers (River Phoenix)</li>
                    <li>Teddy Duchamp (Corey Feldman)</li>
                </ul>
                <ul>
                    <li>Release Date: August 8, 1986</li>
                    <li>Budget: N/A</li>
                    <li>Domestic Total Gross: $52,287,414</li>
                </ul>
                <iframe src="https://www.youtube.com/embed/tgbNymZ7vqY"></iframe>
            </div>
        </section>
    </div>
</body>


</html>