2021-02-17
<!DOCTYPE html>
<html>
<title>Feb 17 In-Class Exercise</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>
(Edited: 2021-02-17) <!DOCTYPE html>
<html>
<title>Feb 17 In-Class Exercise</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>
<head>
<title> 2/17/21 exercise </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>
<head>
<title> 2/17/21 exercise </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>
Insert non-formatted text here
p.red{
color:red;}
p.giant{
font-size:3in;}
.giant.red{
background-color:pink;}
Class
(Edited: 2021-02-17) Hello World!
Hello World!
Hello World!
Hello World!
Hello World!
Hello World!
Resource Description for screencapture-file-C-Users-dell-Desktop-disc-html-2021-02-18-05_35_19.png<nowiki>Insert non-formatted text here
<style type="text/css">
p.red{
color:red;}
p.giant{
font-size:3in;}
.giant.red{
background-color:pink;}
</style>
<!DOCTYPE HTML>
<html>
<head>
<title>Class</title>
</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>((resource:screencapture-file-C-Users-dell-Desktop-disc-html-2021-02-18-05_35_19.png|Resource Description for screencapture-file-C-Users-dell-Desktop-disc-html-2021-02-18-05_35_19.png))
<!DOCTYPE html> <html lang='en-US'> <head><title>Ajay Salh</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)
<pre>
<!DOCTYPE html>
<html lang='en-US'>
<head><title>Ajay Salh</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>
</pre>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Excercise 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>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Excercise 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>
very zoomed out screenshot:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Sebrianne Ferguson | February 17th, 2021 </title>
<style type = "text/css">
.giant {
font-size:3in;
}
.red {
color:red;
}
.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>
very zoomed out screenshot:
((resource:cs174_feb17th_ferguson.PNG|Resource Description for cs174_feb17th_ferguson.PNG))
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Sebrianne Ferguson | February 17th, 2021 </title>
<style type = "text/css">
.giant {
font-size:3in;
}
.red {
color:red;
}
.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>
<!DOCTYPE html>
<html>
(Edited: 2021-02-17)
<head>
<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>
<!DOCTYPE html>
<html>
<head>
<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>
.red {color:red;}
.giant {font-size:5cm;}
.pinkbacker {background-color:pink;}
BIG
BIG and red
Just red
Red with a touch of pink
<nowiki><style>
.red {color:red;}
.giant {font-size:5cm;}
.pinkbacker {background-color:pink;}
</style>
<body>
<div>
<div class="giant">
<b>BIG</b>
<p class="red">BIG and red</p>
</div>
<div class="red">
<p>Just red</p>
<p class="pinkbacker">Red with a touch of pink</p>
</div>
</div>
</body></nowiki>
((resource:BigAndRed.png|Resource Description for BigAndRed.png))
2021-02-19
<!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>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">
<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>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:Capture.PNG|Resource Description for Capture.PNG))
(c) 2024 Yioop - PHP Search Engine