Web Languages

How we create using code

A web page is made of three main languages

Venn diagram of HTML, CSS and JS all overlapping

HTML is the markup language

Screenshot of Google with only HTML enabled

HTML is used to define the content of a web page.

CSS is the style sheet language

Screenshot of Google with both HTML and CSS enabled

CSS is used to define the design of a web page.

JavaScript is the programming language

Screenshot of Google with all of HTML, CSS, JS enabled

JavaScript is used to define the interactions of a web page.

HTML + CSS + JS = Website!

You already know two of these, woohoo!

Challenge

Design your own “Breaking News” item:

  • Go to the New Zealand Herald site
  • Click on today’s top story
  • Right click on the story’s title and “Inspect Element”
  • Edit the headline to make your own news!

Extra Super Challenge

On your news page, try these too:

  • Modify the paragraph text to match your headline
  • Change the image source to link to a different image
  • Change the background colour by editing the CSS

Thumbs Up!

Web Languages: Complete!

Next we’ll take a quick look at how the Internet itself works…

Take me to the next chapter!

Loading...