File tree Expand file tree Collapse file tree 2 files changed +44
-20
lines changed Expand file tree Collapse file tree 2 files changed +44
-20
lines changed Original file line number Diff line number Diff line change 1
1
<!DOCTYPE html>
2
2
< html >
3
- < head >
4
- < meta charset ="utf-8 ">
5
- < meta name ="viewport " content ="width=device-width ">
6
- < title > CSS Exercises</ title >
7
- < link href ="styles.css " rel ="stylesheet " type ="text/css " />
8
- </ head >
9
- < body >
10
- < script src ="script.js "> </ script >
11
- <!-- You do not need to do anything with script.js right now! Later, we will learn how to add JavaScript to websites! --->
12
- < h1 > My Very Cool Web Page</ h1 >
13
- < h2 > Why this Website is Very Cool</ h2 >
14
- < ol >
15
- < li > I made it!</ li >
16
- < li > This website is colorful!</ li >
17
- </ ol >
18
- < h2 id ="cool-text "> Why I love Web Development</ h2 >
19
- < p > Web Development is a very cool skill that I love learning!</ p >
20
- < p > I love making websites because all I have to do is reload the page to see the changes I have made!</ p >
21
- </ body >
3
+ < head >
4
+ < meta charset ="utf-8 " />
5
+ < meta
6
+ name ="viewport "
7
+ content ="width=device-width " />
8
+ < title > CSS Exercises</ title >
9
+ < link
10
+ href ="styles.css "
11
+ rel ="stylesheet "
12
+ type ="text/css " />
13
+ </ head >
14
+ < body >
15
+ < script src ="script.js "> </ script >
16
+ <!-- You do not need to do anything with script.js right now! Later, we will learn how to add JavaScript to websites! --->
17
+ < h1 class ="center "> My Very Cool Web Page</ h1 >
18
+ < h2 class ="center "> Why this Website is Very Cool</ h2 >
19
+ < ol id ="list-color ">
20
+ < li > I made it!</ li >
21
+ < li > This website is colorful!</ li >
22
+ </ ol >
23
+ < h2
24
+ class ="center "
25
+ id ="cool-text ">
26
+ Why I love Web Development
27
+ </ h2 >
28
+ < p > Web Development is a very cool skill that I love learning!</ p >
29
+ < p > I love making websites because all I have to do is reload the page to see the changes I have made!</ p >
30
+ </ body >
22
31
</ html >
Original file line number Diff line number Diff line change 1
- /* Start adding your styling below! */
1
+ /* Start adding your styling below! */
2
+ body {
3
+ background-color : yellow;
4
+ }
5
+
6
+ h1 {
7
+ font-size : 36 ;
8
+ }
9
+
10
+ .center {
11
+ text-align : center;
12
+ }
13
+
14
+ # list-color {
15
+ color : blueviolet;
16
+ }
You can’t perform that action at this time.
0 commit comments