Skip to content

Instantly share code, notes, and snippets.

<!DOCTYPE html>
<html>
<head>
<title>Classes and IDs</title>
</head>
<body>
<h2>This should have a green background</h2>
<p>This too</p>
<p>And this.. but also with a "Comic Sans" font</p>
<hr>
<!DOCTYPE html>
<html>
<head>
<title>jQuery Practice 1</title>
</head>
<body>
<h1>The jQuery Site</h1>
<div id="info"></div>
<div id="cool"> jQuery is cool I guess</div>
<img id="pic" src="www.fake.com">
<!DOCTYPE html>
<html>
<head>
<title>Do Now 5.1.0</title>
</head>
<body>
<button id = "magic">Click Here</button>
<button id = "appear">Click Here to make words appear</button>
<h1>Make this text hide</h1>
</body>
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1> Grocery List </h1>
<ul>
<li>Eggs</li>
<li>Cinnamon Toast Crunch</li>
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Spoooooky</title>
</head>
<body>
<h1> It's almost Halloween...</h1>
<p> Halloween is pretty creepy!</p>
<img src="http://plusquotes.com/images/quotes-img/halloween-moon-fondos-de-pantalla.jpg">
<a href="scripted.org">BOO!</a>
<!DOCTYPE html>
<html lang="en">
<head>
<link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet">
<meta charset="utf-8">
<title>CSS Zen Garden: The Beauty of CSS Design</title>
<link rel="stylesheet" type="text/css" href="zenstarter.css">
<!DOCTYPE html>
<html lang="en">
<head>
<link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet">
<meta charset="utf-8">
<title>CSS Zen Garden: The Beauty of CSS Design</title>
<link rel="stylesheet" type="text/css" href="zenstarter.css">
<!DOCTYPE html>
<html>
<head>
<title>Hello</title>
</head>
<body>
<h1>What is your name?</h1>
<input id="name">
<button id="say-hello">Say hello</button>
<h2 id="result">Hello!</h2>
<!DOCTYPE html>
<html>
<head>
<title>Hello</title>
</head>
<body>
<h1>What is your name?</h1>
<input id="name">
<button id="say-hello">Say hello</button>
<h2 id="result">Hello!</h2>