Yioop - PHP Search Engine

Feb 17 In-Class Exercise.

Post your solutions tot the Feb 17 In-Class Exercise to this thread.

Best,

Chris

Post your solutions tot the Feb 17 In-Class Exercise to this thread. Best, Chris

-- Feb 17 In-Class Exercise

 <!DOCTYPE html>
 <html>
 <head>
	<title>exercise2 2/17</title>
	<style type="text/css">
		.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>

(Edited: 2021-02-17)

<!DOCTYPE html> <html> <head> <title>exercise2 2/17</title> <style type="text/css"> .red{ color: red; } .giant{ font-size: 3in; } .red.giant{ background-color: pink; } </style> </head> <body> hello world hello world hello world hello world hello world hello world </body> </html>

-- Feb 17 In-Class Exercise

<!DOCTYPE html> <head>

	<title>In-class exercise</title>

<style> .red {

	color: red;

}

.giant {

	font-size: 7.5cm;

}

.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>

(Edited: 2021-02-17)

<!DOCTYPE html> <head> <title>In-class exercise</title> <style> .red { color: red; } .giant { font-size: 7.5cm; } .red.giant { background-color: pink; } </style> </head> <body> hello world hello world hello world hello world hello world hello world </body> </html>

-- Feb 17 In-Class Exercise

 <!DOCTYPE html>
 <html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>Hello World</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 lang="en"> <head> <meta charset="UTF-8"> <title>Hello World</title> <style> .red { color:red; } .giant { font-size: 3in; } .giant .red{ background-color: pink; } </style> </head> <body> Hello world Hello world Hello world Hello world Hello world Hello world </body> </html> ((resource:HelloWorld.png|Resource Description for HelloWorld.png))

-- Feb 17 In-Class Exercise

Code:

Emily Chan: In-class Exercise 2/17/2021 .red { color: red; } .giant { font-size: 3in; } .giant .red { background-color: pink; }

hello world

Resource Description for screencapture-file-Users-emilychan-Documents-SJSU-SP21-CS-174-exercise3-html-2021-02-17-15_54_30.png

(Edited: 2021-02-17)

Code: ---- <nowiki><!doctype HTML> <html> <head> <title>Emily Chan: In-class Exercise 2/17/2021</title> <meta name="author" content="Emily Chan"> <meta charset="utf-8"> <style> .red { color: red; } .giant { font-size: 3in; } .giant .red { background-color: pink; } </style> </head> <body> hello world hello world hello world hello world hello world hello world </body></html> </nowiki> ((resource:screencapture-file-Users-emilychan-Documents-SJSU-SP21-CS-174-exercise3-html-2021-02-17-15_54_30.png|Resource Description for screencapture-file-Users-emilychan-Documents-SJSU-SP21-CS-174-exercise3-html-2021-02-17-15_54_30.png))

-- Feb 17 In-Class Exercise

    <!DOCTYPE html>
    <html lang="en-US">
    <head>
        <title>Class Selectors</title>
    
        <meta name="description" content="Experimentation with class selectors">
        <meta name="author" content="Mark Silva">
        <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 02-17-21 Screen shot.PNG

(Edited: 2021-02-17)

<pre> <!DOCTYPE html> <html lang="en-US"> <head> <title>Class Selectors</title> <meta name="description" content="Experimentation with class selectors"> <meta name="author" content="Mark Silva"> <meta charset="utf-8"> <style> .red { color:red; } .giant { font-size:3in; } .giant.red { background-color: pink; } </style> </head> <body> hello world hello world hello world hello world hello world hello world </body> </html> </pre>((resource:02-17-21 Screen shot.PNG|Resource Description for 02-17-21 Screen shot.PNG))

-- Feb 17 In-Class Exercise

Resource Description for Screen Shot 2021-02-17 at 4.13.42 PM.png

 <!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="giant red">Hello World</p>
 <p class="red">Hello<span class="giant"> World</span></p>
 <p class="giant">Hello<span class="red"> World</span></p>

 </body>
 </html>

(Edited: 2021-02-17)

((resource:Screen Shot 2021-02-17 at 4.13.42 PM.png|Resource Description for Screen Shot 2021-02-17 at 4.13.42 PM.png)) <!DOCTYPE html> <html> <head> <style> .red { color: red; } .giant { font-size: 3in; } .red .giant{background-color:pink} </style> </head> <body> Hello World Hello World Hello World Hello World Hello World Hello World </body> </html>

-- Feb 17 In-Class Exercise

<!DOCTYPE html>
<html>
    <head>
        <title>Feb 17th 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)

<pre> <!DOCTYPE html> <html> <head> <title>Feb 17th In Class Exercise</title> <style> .red { color: red; } .giant { font-size: 3in; } .giant .red { background-color: pink; } </style> </head> <body> hello world hello world hello world hello world hello world hello world </body> </html> </pre>

-- Feb 17 In-Class Exercise

<!DOCTYPE html> <html lang='en-US'> <head>

	<title>Hello World</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>

(Edited: 2021-02-17)

<!DOCTYPE html> <html lang='en-US'> <head> <title>Hello World</title> <meta charset="utf-8"/> <style> .red { color:red; } .giant { font-size:3in; } .giant .red { background-color: pink; } </style> </head> <body> hello world hello world hello world hello world hello world hello world </body> </html> ((resource:Untitled.png|Resource Description for Untitled.png))

-- Feb 17 In-Class Exercise

((resource:in-class exercise.JPG|Resource Description for in-class exercise.JPG))