[Skip Navigation]
[ Prev ]
2021-02-17
User Icon
-- Feb 17 In-Class Exercise
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>In-Class Exercise 3</title>
    <style>
        .red {
            color: red;
        } 
 
        .giant {
            font-size: 3in;
        } 
 
        .giant .red {
            background-color: pink;
        }
    </style>
</head> 
 
<body>
    <p>hello world</p>
    <p class="red">hello world</p>
    <p class="giant">hello world</p>
    <p class="red giant">hello world</p>
    <p class="red"> <span class="giant">hello world</span></p>
    <p class="giant"> <span class="red">hello world</span></p> 
 
</body> 
 
</html>
<pre> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>In-Class Exercise 3</title> <style> .red { color: red; } .giant { font-size: 3in; } .giant .red { background-color: pink; } </style> </head> <body> <p>hello world</p> <p class="red">hello world</p> <p class="giant">hello world</p> <p class="red giant">hello world</p> <p class="red"> <span class="giant">hello world</span></p> <p class="giant"> <span class="red">hello world</span></p> </body> </html> </pre>
User Icon
-- Feb 17 In-Class Exercise
 
 
<!DOCTYPE html>
<html>
  <head>
    <title>CSS Red Giant Exercise</title>
    <meta charset="utf-8" />
    <style>
      .red {
        color: red;
      }
      .giant {
        font-size: 3in;
      }
      .giant .red {
        background-color: pink;
      }
    </style>
  </head>
  <body>
    <p>hello world</p>
    <p class="red">hello world</p>
    <p class="giant">hello world</p>
    <p class="giant red">hello world</p>
    <p class="red"><span class="giant">hello world</span></p>
    <p class="giant"><span class="red">hello world</span></p>
  </body>
</html> 
 
Resource Description for redgiant_exercise.jpg
(Edited: 2021-04-07)
<pre> <!DOCTYPE html> <html> <head> <title>CSS Red Giant Exercise</title> <meta charset="utf-8" /> <style> .red { color: red; } .giant { font-size: 3in; } .giant .red { background-color: pink; } </style> </head> <body> <p>hello world</p> <p class="red">hello world</p> <p class="giant">hello world</p> <p class="giant red">hello world</p> <p class="red"><span class="giant">hello world</span></p> <p class="giant"><span class="red">hello world</span></p> </body> </html> </pre> ((resource:redgiant_exercise.jpg|Resource Description for redgiant_exercise.jpg))
User Icon
-- Feb 17 In-Class Exercise
Excercise .red { color: red; } .giant { font-size: 3in; } .giant .red { background-color: pink; }

hello world

hello world

hello world

hello world

hello world

hello world

(Edited: 2021-02-17)
<nowiki> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Excercise</title> <style> .red { color: red; } .giant { font-size: 3in; } .giant .red { background-color: pink; } </style> </head> <body> <p>hello world</p> <p class="red">hello world</p> <p class="giant">hello world</p> <p class="giant red">hello world</p> <p class="red"><span class="giant">hello world</span></p> <p class="giant"><span class="red">hello world</span></p> </body> </html> </nowiki>
User Icon
-- Feb 17 In-Class Exercise
<!DOCTYPE html> <html lang="en"> <head>
    <meta charset="UTF-8">
    <title>Inclass3</title>
    <style>
        .red {
        color: red;
        }
        .giant {
        font-size: 3in;
        }
        .giant.red{
        background-color: pink;
        }
    </style>
</head>
<body> <p> Hello</p> <p class="red"> Hello</p> <p class ="giant"> Hello</p> <p class ="red giant"> Hello</p> <p class="red"> <span class="giant"> Hello</span></p> <p class="giant"> <span class="red"> Hello</span></p>
</body> </html>
(Edited: 2021-02-17)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Inclass3</title> <style> .red { color: red; } .giant { font-size: 3in; } .giant.red{ background-color: pink; } </style> </head> <body> <p> Hello</p> <p class="red"> Hello</p> <p class ="giant"> Hello</p> <p class ="red giant"> Hello</p> <p class="red"> <span class="giant"> Hello</span></p> <p class="giant"> <span class="red"> Hello</span></p> </body> </html>
User Icon
-- Feb 17 In-Class Exercise
<!DOCTYPE html> <html lang="en"> <head>
    <meta charset="UTF-8">
    <title>Inclass3</title>
    <style>
        .red {
        color: red;
        }
        .giant {
        font-size: 3in;
        }
        .giant.red{
        background-color: pink;
        }
    </style>
</head>
<body>
	<p>hello world</p>
	<p class="red">hello world</p>
	<p class ="giant">hello world</p>
	<p class ="red giant">hello world</p>
	<p class="red"><span class="giant">hello world</span></p>
	<p class="giant"><span class="red">hello world</span></p>
</body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Inclass3</title> <style> .red { color: red; } .giant { font-size: 3in; } .giant.red{ background-color: pink; } </style> </head> <body> <p>hello world</p> <p class="red">hello world</p> <p class ="giant">hello world</p> <p class ="red giant">hello world</p> <p class="red"><span class="giant">hello world</span></p> <p class="giant"><span class="red">hello world</span></p> </body> </html>
User Icon
-- Feb 17 In-Class Exercise
<!DOCTYPE html> <html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
        <style>
            .red {
                color: red;
            }
            .giant {
                font-size: 3in;
            }
            .giant .red {
                background-color: pink;
            }
        </style>
    </head>
    <body>
        <p class="red">hello world</p>
        <p class="giant">hello world</p>
        <p class="giant red">hello world</p>
        <p class="red"><span class="giant">hello world</span></p>
        <p class="giant"><span class="red">hello world</span></p>
    </body>
</html>
(Edited: 2021-02-17)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> .red { color: red; } .giant { font-size: 3in; } .giant .red { background-color: pink; } </style> </head> <body> <p class="red">hello world</p> <p class="giant">hello world</p> <p class="giant red">hello world</p> <p class="red"><span class="giant">hello world</span></p> <p class="giant"><span class="red">hello world</span></p> </body> </html>
User Icon
-- Feb 17 In-Class Exercise
<!doctyle html> <html lang='en-US'> <head> <title>My Document</title> <meta charset="utf-8"/> <style>
	.red {
		color:red;
	}
	.giant {
		font-size:3in;
	}
	.red.giant {
		background-color: pink;
	}
</style> </head>
<body>
	<p>hello world</p>
	<p class="red">hello world</p>
	<p class="giant">hello world</p>
	<p class="giant red">hello world</p>
	<p class="red"><span class="giant">hello world</span></p>
	<p class="giant"><span class="red">hello world</span></p>
</body>
</html>
(Edited: 2021-02-17)
<!doctyle html> <html lang='en-US'> <head> <title>My Document</title> <meta charset="utf-8"/> <style> .red { color:red; } .giant { font-size:3in; } .red.giant { background-color: pink; } </style> </head> <body> <p>hello world</p> <p class="red">hello world</p> <p class="giant">hello world</p> <p class="giant red">hello world</p> <p class="red"><span class="giant">hello world</span></p> <p class="giant"><span class="red">hello world</span></p> </body> </html>
User Icon
-- Feb 17 In-Class Exercise
<!doctype html> <head>
	<style>
		.red{
			color:red;
		}
		.giant{
			font-size: 3in;
		}
		.giant .red{
			background-color: pink;
		}
	</style>
</head> <body>
	<p>Hello World!</p>
	<p class="red">Hello World!</p>
	<p class="giant">Hello World!</p>
	<p class="red giant">Hello World!</p>
	<p class="red"><span class="giant">Hello World!</span></p>
	<p class="giant"><span class="red">Hello World!</span></p>
</body> </html>
(Edited: 2021-02-17)
<!doctype html> <head> <style> .red{ color:red; } .giant{ font-size: 3in; } .giant .red{ background-color: pink; } </style> </head> <body> <p>Hello World!</p> <p class="red">Hello World!</p> <p class="giant">Hello World!</p> <p class="red giant">Hello World!</p> <p class="red"><span class="giant">Hello World!</span></p> <p class="giant"><span class="red">Hello World!</span></p> </body> </html>
User Icon
-- Feb 17 In-Class Exercise
<!DOCTYPE html> <html> <head> <style> .red {
  color: red;
} .giant{
   font-size: 3in; 
   background-color: pink;
} </style> </head> <body> <h1>Hello World</h1> <p class="red">Hello World</p> <p class="giant">Hello World</p> <p class ="giant red">Hello World</p> <p class ="red"><span class="giant">Hello World</span></p> <p class ="giant"><span class="red">Hello World</span></p> > </body> </html
<!DOCTYPE html> <html> <head> <style> .red { color: red; } .giant{ font-size: 3in; background-color: pink; } </style> </head> <body> <h1>Hello World</h1> <p class="red">Hello World</p> <p class="giant">Hello World</p> <p class ="giant red">Hello World</p> <p class ="red"><span class="giant">Hello World</span></p> <p class ="giant"><span class="red">Hello World</span></p> > </body> </html
User Icon
-- Feb 17 In-Class Exercise
<!doctype html> <head>
  <title>In Class Exercise</title>
<meta charset="utf-8" /> <style> .red{
  color:red;
} .giant{
  font-size:3in;
} .red.giant {
  background-color: pink;
} </style> </head> <body> <p>hello world</p> <p class ="red">hello world</p> <p class ="giant">hello world!</p> <p class = "red giant">hello world!</p> <p class="red"><span class="giant">hello world</span></p> <p class="giant"><span class="red">hello world</span></p> </body> </html>
Resource Description for Screen Shot 2021-02-17 at 4.03.29 PM.png
(Edited: 2021-02-17)
<!doctype html> <head> <title>In Class Exercise</title> <meta charset="utf-8" /> <style> .red{ color:red; } .giant{ font-size:3in; } .red.giant { background-color: pink; } </style> </head> <body> <p>hello world</p> <p class ="red">hello world</p> <p class ="giant">hello world!</p> <p class = "red giant">hello world!</p> <p class="red"><span class="giant">hello world</span></p> <p class="giant"><span class="red">hello world</span></p> </body> </html> ((resource:Screen Shot 2021-02-17 at 4.03.29 PM.png|Resource Description for Screen Shot 2021-02-17 at 4.03.29 PM.png))
[ Next ]
X

 

- Blog - Privacy - Terms - YioopBot - Developed at SeekQuarry -
(c) 2024 Yioop - PHP Search Engine
We use cookies to implement this site's user functionality, social media features, and traffic analytics. Privacy Policy Details. Allow Cookies