Skip to content

Commit 90ec9ac

Browse files
basakestbasakest
committed
color
1 parent ed1e8de commit 90ec9ac

File tree

7 files changed

+184
-0
lines changed

7 files changed

+184
-0
lines changed

‎.DS_Store

0 Bytes
Binary file not shown.

‎11/background-color.html

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>background color</title>
5+
<style type="text/css">
6+
body {
7+
background-color: rgb(200,200,200);
8+
}
9+
h1 {
10+
background-color: DarkCyan;
11+
}
12+
h2 {
13+
background-color: #ee3e80;
14+
}
15+
p {
16+
background-color: white;
17+
}
18+
</style>
19+
</head>
20+
<body>
21+
<h1>Marine Biology</h1>
22+
<h2>The Composition of Seawater</h2>
23+
<p>Almost anying can be found in seawater. This includes dissolved materials from Earth's crusl as well as materials released from organisms. The most important components of seawater that indluence life forms are salinity, temperature, dissolved gases (mostly oxygen and carbon dioxide), nutrients, and PH. These elements vary in their composition as well as in their influence on marine life.</p>
24+
</body>
25+
</html>

‎11/example.html

Lines changed: 87 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,87 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>Color</title>
5+
<style type="text/css">
6+
body {
7+
background-color: silver;
8+
color: white;
9+
padding: 20px;
10+
font-family: Arial, Verdana, sans-serif;
11+
}
12+
h1 {
13+
background-color: #ffffff;
14+
background-color: hsla(0,100%,100%,0,5);
15+
color: #64645A;
16+
padding: inherit;
17+
}
18+
p {
19+
padding: 5px;
20+
margin: 0px;
21+
}
22+
p.zero {
23+
background-color: rgb(238,62,128);
24+
}
25+
p.one {
26+
background-color: rgb(244,90,139);
27+
}
28+
p.two {
29+
background-color: rgb(243,106,152);
30+
}
31+
p.three {
32+
background-color: rgb(244,123,166);
33+
}
34+
p.four {
35+
background-color: rgb(245,140,178);
36+
}
37+
p.five {
38+
background-color: rgb(246,159,192);
39+
}
40+
p.six {
41+
background-color: rgb(245,176,204);
42+
}
43+
p.seven {
44+
background-color: rgb(0,187,136);
45+
}
46+
p.eight {
47+
background-color: rgb(140,202,242);
48+
}
49+
p.nine {
50+
background-color: rgb(114,193,240);
51+
}
52+
p.ten {
53+
background-color: rgb(84,182,237);
54+
}
55+
p.eleven {
56+
background-color: rgb(48,170,233);
57+
}
58+
p.twelve {
59+
background-color: rgb(0,160,230);
60+
}
61+
p.thirteen {
62+
background-color: rgb(0,149,226);
63+
}
64+
p.fourteen {
65+
background-color: rgb(0,136,221);
66+
}
67+
</style>
68+
</head>
69+
<body>
70+
<h1>pH Scale</h1>
71+
<p class="fourteen">14.0 VERY ALKALINE</p>
72+
<p class="thirteen">13.0</p>
73+
<p class="twelve">12.0</p>
74+
<p class="eleven">11.0</p>
75+
<p class="ten">10.0</p>
76+
<p class="nine">9.0</p>
77+
<p class="eight">8.0</p>
78+
<p class="seven">7.0 NEUTRAL</p>
79+
<p class="six">6.0</p>
80+
<p class="five">5.0</p>
81+
<p class="four">4.0</p>
82+
<p class="three">3.0</p>
83+
<p class="two">2.0</p>
84+
<p class="one">1.0</p>
85+
<p class="zero">0.0 VERY ACID</p>
86+
</body>
87+
</html>

‎11/foreground-color.html

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>foreground color</title>
5+
<style type="text/css">
6+
/* color name */
7+
h1 {
8+
color: DarkCyan;
9+
}
10+
/* hex code */
11+
h2 {
12+
color: #ee3e80;
13+
}
14+
/* rgb value */
15+
p {
16+
color: rgb(100, 100, 90);
17+
}
18+
</style>
19+
</head>
20+
<body>
21+
<h1>Marine Biology</h1>
22+
<h2>The Composition of Seawater</h2>
23+
<p>Almost anying can be found in seawater. This includes dissolved materials from Earth's crusl as well as materials released from organisms. The most important components of seawater that indluence life forms are salinity, temperature, dissolved gases (mostly oxygen and carbon dioxide), nutrients, and PH. These elements vary in their composition as well as in their influence on marine life.</p>
24+
</body>
25+
</html>

‎11/hsla.html

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>has & hsla</title>
5+
<style type="text/css">
6+
body {
7+
background-color: #c8c8c8;
8+
background-color: hsl(0,0%,78%);
9+
}
10+
p {
11+
background-color: #ffffff;
12+
background-color: hsla(0,100%,100%,0.5);
13+
}
14+
</style>
15+
</head>
16+
<body>
17+
<h1>Marine Biology</h1>
18+
<h2>The Composition of Seawater</h2>
19+
<p>Almost anying can be found in seawater. This includes dissolved materials from Earth's crusl as well as materials released from organisms. The most important components of seawater that indluence life forms are salinity, temperature, dissolved gases (mostly oxygen and carbon dioxide), nutrients, and PH. These elements vary in their composition as well as in their influence on marine life.</p>
20+
</body>
21+
</html>

‎11/opacity.html

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>opacity</title>
5+
<style type="text/css">
6+
#one {
7+
width: 100px;
8+
height: 100px;
9+
background-color: rgb(0,0,0);
10+
opacity: 0.5;
11+
margin-bottom: 10px;
12+
}
13+
#two {
14+
width: 100px;
15+
height: 100px;
16+
background-color: rgb(0,0,0);
17+
background-color: rgba(0,0,0,0.5);
18+
}
19+
</style>
20+
</head>
21+
<body>
22+
<div id="one"></div>
23+
<div id="two"></div>
24+
</body>
25+
</html>

‎8/iframe.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<iframe width="450" height="350" src="http://maps.google.co.uk/maps?q=moma+new+york&amp;output=embed"></iframe>

0 commit comments

Comments
 (0)