Coding IQ icon

Download
& Install

Welcome!

  1. Learner files (zip file): here
    • unzip the learner file (extract all if you’re on a PC)
    • open slides.html in the browser to view the slides
  2. Atom Editor: http://atom.io
  3. Chrome Browser: https://www.google.ca/chrome

Workshop #1

Intro to HTML & CSS: Building a one-page website

#Adding content ##Headings, paragraphs, images and links

Practice Selecting an element

Using the HTML example below, change the “selector” to apply the instructions in the comments.

<p>This is a paragraph.</p>
<h2>This is an h2.</h2>

This is a paragraph

This is an h2