HTML, CSS and JS

Um, what are they?

The three languages

  1. HTML

Without HTML

 

The last man in the world was alone in a room. 
					
Then he heard a knock in the door.

 

The last man in the world was alone in a room. Then he heard a knock on the door.

What HTML looks like

 

<p>The last man in the world was alone in a room.</p>
<p>Then he heard a knock in the door.</p>

 

The last man in the world was alone in a room.

Then he heard a knock on the door.

What HTML does on a page

Let's look at Code with me.

The three languages

  1. HTML
  2. CSS

What CSS looks like

 

p {
	color: blue;
}

 

The last man in the world was alone in a room.

Then he heard a knock in the door.

What CSS do on a page?

Let's look at Code with me without CSS.

The three languages

  1. HTML
  2. CSS
  3. JavaScript

What JavaScript looks like

 

$("p").click(function() { 
	$("p").fadeOut();
});

 

The last man in the world was alone in a room.

Then he heard a knock in the door.

What does JavaScript do on a page?

Let's look at NPR.org without JavaScript.

With your mentors

Go to a news site, inspect the HTML, disable the CSS and JS, and get a feel for what the three languages.