2016-02-17

Feb 17 Class Thread.

Post your code for today's "Let's Build Something..." to this thread.
Best, Chris
Post your code for today's "Let's Build Something..." to this thread. Best, Chris

-- Feb 17 Class Thread
<!doctype html> <html lang="en"> <head>
	<title>Henry's Riddle</title>
	<meta charset="utf-8">
	<style>
		p#first:first-letter {
			font-size:24pt;
		}
		#first{
			font-size: 14pt;
		}
		#answer {
			color:grey;
		}
		#answer:hover {
			color: green;
		}
	</style>
</head> <body>
	<h1>Henry's Riddle</h1>
	<p id="first">Why is the longest human nose on record only eleven inches long?</p>
	<p id="answer">Because if it was twelve inches it would be a foot.</p>
</body> </html>
(Edited: 2016-02-17)
<!doctype html> <html lang="en"> <head> <title>Henry's Riddle</title> <meta charset="utf-8"> <style> p#first:first-letter { font-size:24pt; } #first{ font-size: 14pt; } #answer { color:grey; } #answer:hover { color: green; } </style> </head> <body> <h1>Henry's Riddle</h1> <p id="first">Why is the longest human nose on record only eleven inches long?</p> <p id="answer">Because if it was twelve inches it would be a foot.</p> </body> </html>

-- Feb 17 Class Thread
<!DOCTYPE html> <html>
	<head>
		<meta charset="UTF-8">
		<title>Riddle</title>
		<style>
			#riddle:first-letter{
				font-size: 24px;
			}
			#answer{
				color:gray;
			}
			#answer:hover{
				color:green;
			}
			
		</style>
	</head>
	<body>
		<p id="riddle">The more you take, the more you leave behind. What are they? </p>
		<p id="answer">Footprints.</p>
	</body>
</html>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Riddle</title> <style> #riddle:first-letter{ font-size: 24px; } #answer{ color:gray; } #answer:hover{ color:green; } </style> </head> <body> <p id="riddle">The more you take, the more you leave behind. What are they? </p> <p id="answer">Footprints.</p> </body> </html>

-- Feb 17 Class Thread
((resource:2.17 - In-Class Activity.html|Resource Description for 2.17 - In-Class Activity.html))

-- Feb 17 Class Thread
<!doctype html>
<html>
    <head>
        <title>The bear</title>
        <meta charset="utf-8">
    
            <style>
            p#first:first-letter {
                font-size:24pt;
            }
            #first{
                font-size: 14pt;
            }
            #answer {
                color:grey;
            }
            #answer:hover {
                color: green;
            }
            </style>
    </head>
    <body>
        <p id="first">A human encounters a bear and they both start running away in fear. The human starts running directly North, and the bear starts running directly East. After they both ran for 100 feet straight. The human turns directly South and shoots the bear. What color was the bear?</p>
        <p id="answer">Not telling. Think about it.</p>
    </body> 
</html>
<!doctype html> <html> <head> <title>The bear</title> <meta charset="utf-8"> <style> p#first:first-letter { font-size:24pt; } #first{ font-size: 14pt; } #answer { color:grey; } #answer:hover { color: green; } </style> </head> <body> <p id="first">A human encounters a bear and they both start running away in fear. The human starts running directly North, and the bear starts running directly East. After they both ran for 100 feet straight. The human turns directly South and shoots the bear. What color was the bear?</p> <p id="answer">Not telling. Think about it.</p> </body> </html>

-- Feb 17 Class Thread
<!DOCTYPE html> <html>
	<head>
		<title>CS174 Aayush Neupane</title>
		<meta charset="utf-8">
		<style>
			#question:first-letter {
				font-size:24pt;
			}
			#question{
				font-size: 14pt;
			}
			#answer {
				color:grey;
			}
			#answer:hover {
				color: green;
			}
		</style>
	</head>
	<body>
		<p id="question">If twos a company and threes a crowd, what are four and five?</p>
		<p id="answer">Nine</p>
	</body>
</html>
<!DOCTYPE html> <html> <head> <title>CS174 Aayush Neupane</title> <meta charset="utf-8"> <style> #question:first-letter { font-size:24pt; } #question{ font-size: 14pt; } #answer { color:grey; } #answer:hover { color: green; } </style> </head> <body> <p id="question">If twos a company and threes a crowd, what are four and five?</p> <p id="answer">Nine</p> </body> </html>

-- Feb 17 Class Thread
((resource:file.html|Resource Description for file.html))

-- Feb 17 Class Thread
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Riddle</title> <style>
		p#ques:first-letter {
			font-size:24pt;
		}
		#ques{
			font-size: 14pt;
		}
		#ans {
			color:grey;
		}
		#ans:hover {
			color: green;
		}
	</style>
</head>
<body> <p id ="ques">Can you write cow in 13 letters ?
<p id="ans">See o double you</p>
</body>
</html>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Riddle</title> <style> p#ques:first-letter { font-size:24pt; } #ques{ font-size: 14pt; } #ans { color:grey; } #ans:hover { color: green; } </style> </head> <body> <p id ="ques">Can you write cow in 13 letters ?<br> <p id="ans">See o double you</p> </body> </html>

-- Feb 17 Class Thread
<!DOCTYPE html> <html> <head>
	<title></title>
	<style type="text/css">
	#answer {color: gray}
	#answer:hover {color: green}
	p:first-child b
	{
		font-size: 24pt
	}
	p
	{
		font-size: 14pt
	}
	</style>
</head> <body> <p> <b>W</b>hat has one eye but cannot see? </p> <p id="answer">A needle</p> </body> </html>
<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> #answer {color: gray} #answer:hover {color: green} p:first-child b { font-size: 24pt } p { font-size: 14pt } </style> </head> <body> <p> <b>W</b>hat has one eye but cannot see? </p> <p id="answer">A needle</p> </body> </html>

-- Feb 17 Class Thread
<!DOCTYPE html> <html> <head>
	<title>In-Class Lab2</title>
	<style type="text/css">
	#first{
		font-size: 14px;
	}
	#second{
		font-size: 14px;
		color:gray;
	}
	#second:hover{
		color: green;
	}
	</style>
</head> <body> <p id="first"><span style="font-size: 24px"> Q </span> : What comes down but never goes up?</p>
<p id="second"> A: Rain</p>
</body> </html>
<!DOCTYPE html> <html> <head> <title>In-Class Lab2</title> <style type="text/css"> #first{ font-size: 14px; } #second{ font-size: 14px; color:gray; } #second:hover{ color: green; } </style> </head> <body> <p id="first"><span style="font-size: 24px"> Q </span> : What comes down but never goes up?</p> <p id="second"> A: Rain</p> </body> </html>
[ Next ]
X