/
Hello_world.html
159 lines (154 loc) · 6.8 KB
/
Hello_world.html
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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<!DOCTYPE html> <!-- declares to the browser the coding structure of the file-->
<html lang="en"> <!-- the main element of the file-->
<html>
<head class="header">
<meta charset="UTF-8">
<title>Hello_World</title>
<link rel="stylesheet" href="css/styles.css">
<h4><a id="top"></a>Hello from Codeup</h4>
<p>this is a <span>paragraph</span>.
<a class="external_link" id="link_to_google" href="https://www.google.com">This will take you to google</a>
<a class="external_link" id="link_to_yahoo" href="https://www.yahoo.com">Link to Yahoo</a>
<a href="index.html">Go Home</a>
</p>
</head>
<body id="body">
<main>
<blockquote>thisis to signify a quote using block quote</blockquote>
<h4>Exercise</h4>
<p>Hello My name is Kenny, I am just going through life trying to grow as i go. a <strong>Few things i have learned</strong></p>
<h4>My Favorite Quote</h4>
<blockquote><em>a brid int he hand is worth two in the bush</em></blockquote>
<h4>List</h4>
<nav>
<ul class="bullet">
<li>
<a target="_blank" href="http://java.codeup.com/index.html">Home</a>
</li>
<li>
<a target="_blank" href="https://www.theverge.com">News</a>
</li>
<li>
<a target="_blank" href="https://www.reddit.com">Most Popular</a>
</li>
<li>
<a target="_blank" href="https://www.espn.com">Sports</a>
</li>
</ul>
</nav>
<nav>
<h4>Im Learning Web Development</h4>
<ul class="bullet">
<li>1st reason i decided to pursue wed development is toget away form the customer service indusry i felt like i was stuck in</li>
<li>reason two was to get into an industry i am intrested in and willing to devote time to something i love</li>
<li>Finally the third reason is to get into a rapid growing industry that i can finally provide for myself</li>
</ul>
<h4>My Top Favorite Foods</h4>
<ol class="bullet">
<li>burgers</li>
<li>Steak</li>
<li>sheppards pie</li>
<li>Pizza</li>
<li>random food number 5</li>
</ol>
<h4>Questions I;m Often Asked</h4>
<dl>
<dt>What is your goal in life?</dt>
<dd>My goal in life is to provide for myself without the need of assitance from others and eventually provide for others.</dd>
<dt>Where do you see yourself working in the next year?</dt>
<dd>I see myself working prefferably with computer and hopfully out of direct face to face customer service.</dd>
<dd>Prefferably in a situation where i have my own time at my disposal trouble shooting networks and websites from clients or my future company</dd>
</dl>
</nav>
<nav>
<h4>Anchor Exercise</h4>
<h4>My Favorite Websites</h4>
<ol class="bullet">
<li><a href="https://www.google.com" target="_blank" rel="noopener">google.com</a></li>
<li><a href="https://www.youtube.com" target="_blank" rel="noopener">youtube.com</a></li>
<li><a href="https://www.theverge.com" target="_blank" rel="noopener">theverge.com</a></li>
<li><a href="https://www.codeup.com" target="_blank" rel="noopener">codeup.com</a></li>
<li><a href="https://www.netflix.com" target="_blank" rel="noopener">netflix.com</a></li>
<li><a href="#top">Go to the top of the page</a></li>
</ol>
</nav>
<nav>
<h3>Image Exercise</h3>
<h2>My Vehicle</h2>
<p>
I imaging eventually Driving for my very own a vehicle that is both powerful and comfortable.
</p>
<img src="img/2017-Ford-F-150-front.jpg" alt="F-150">
</nav>
<nav>
<h5> Tables Exercise</h5>
<h2>Decimal to Hexadecimal conversion chart</h2>
<table id="table_1">
<tr>
<th>Decimal</th>
<th>Hexadecimal</th>
</tr>
<tr>
<td>0</td>
<td>0</td>
</tr>
<tr>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>2</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>5</td>
</tr>
<tr>
<td>6</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>7</td>
</tr>
<tr>
<td>8</td>
<td>8</td>
</tr>
<tr>
<td>9</td>
<td>9</td>
</tr>
<tr>
<td>10</td>
<td>A</td>
</tr>
</table>
</nav>
<nav>
<form methods=“Post” action=“/my_first_form.php”> <!— actions is what server or file name handles the user input from the form—>
<p> <!—using for layout to space out the line a little—>
<label for=“username”>Username</label>
<input id=“username” name=“username” type=“text”>
</p>
<p>
<label for=“password”>Password</label>
<input id=“password” name=“password” type=“password”>
</p>
<p>
<input type=“submit”>
</p>
</form>
</nav>
</main>
</body>
</html>