-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathcsspratice.html
45 lines (36 loc) · 1.01 KB
/
csspratice.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
<!DOCTYPE html>
<html>
<head>
<title>CSS Pratice</title>
<style type="text/css">
h1{
color: green;
}
h2{
color: brown;
}
</style>
<link rel="stylesheet" type="text/css" href="css/style1.css">
</head>
<body>
<h1 style="color: #0f4c81;">This is Heading 1(This is Inline CSS)</h1>
<h2 style="color: red;">This is Heading 1(Inline CSS)</h2>
<hr>
<h1>Heading 1-Internal CSS</h1>
<h2>Heading 2-Internal CSS</h2>
<hr>
<h2>h2-External</h2>
<hr>
<h2 style="text-align: center;"> Center aline</h2>
<h2 style="text-align: left;"> Left aline</h2>
<h2 style="text-align: right;"> Right aline</h2>
<a href="www.google.com">Google Search(cannot be center aligned because it has no scope)</a>
<hr>
<h3 class="greencolor">Group1-Member1</h3>
<h3 class="greencolor">Group1-Member2</h3>
<h3 class="greencolor">Group1-Member3</h3>
<h3 id="bluecolor">Group2-Member1</h3>
<h3 id="bluecolor">Group2-Member2</h3>
<h3 id="bluecolor">Group2-Member3</h3>
</body>
</html>