forked from LaunchCodeEducation/javascript-projects
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
36 lines (35 loc) · 1.18 KB
/
Copy pathindex.html
File metadata and controls
36 lines (35 loc) · 1.18 KB
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>CSS Exercises</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<style>
body {
background-color: yellow;
}
p {
color: green;
}
h1 {
font-size: 36px;
}
</style>
</head>
<body>
<script src="script.js"></script>
<!-- You do not need to do anything with script.js right now! Later, we will learn how to add JavaScript to websites! --->
<h1 class="center">My Very Cool Web Page</h1>
<h2 class="center">Why this Website is Very Cool</h2>
<ol>
<li id="list-color">I made it!</li>
<li id="list-color">This website is colorful!</li>
</ol>
<h2 id="cool-text">Why I love Web Development</h2>
<p style="color: pink;">Web Development is a very cool skill that I love learning!</p>
<p class="pink-paragraph">I love making websites because all I have to do is reload the page to see the changes I have made!</p>
<p>checking wheather the internal css applies the green color for the font</p>
<tag style="display:block; color: brown;">content</tag>
</body>
</html>