Code For The Web
By Sofie Christie

Why is the web innovative?

What are the important components of a website?

What are the languages used for the web?

HTML, which is the structure.
CSS, which styles the page.
Javascript, which controls the behavior.

Demo

HTML

<h2>Header</h2> <p>a paragraph</p>

CSS

p, h2 { color: red; font-family: Arial; } h2 { background-color: tan; }

Javascript

$("h2").click(function() { $("p").toggle({fade: 200}); });

HTML
<ul> <li class="header"><strong>John the Cow</strong></li> <li>Home</li> <li>About</li> <li>History</li> </ul> <img id="cow" src="http://pngimg.com/upload/cow_PNG2129.png"/> <p class="quote">Quote of the day... <br><strong>"MOO."</strong></p>
CSS
li { color: white; float: right; padding: 10px; } li.header { float: left; } li:hover { background-color: grey; } ul { list-style-type: none; overflow: hidden; background-color: #333; } .quote { text-align: center; } .quote strong { color: white; text-align: center; font-size: 100px; background-color: #333; }
JS
document.getElementById("cow").addEventListener("mouseover", function() { console.log("hey"); });

The End :)

Now to start coding! Go to https://github.com/CelestialSimulations/Relative-Sizes-of-Planets