The preferred way to code in this class is editor software (Notepad++, TextWrangler, Sublime, etc). If you do not have the ability to access or install this type of software, there is an online editor at: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_intro. You can also use CodePen (there is a link below). It is important that you find a way that you can enter code and still test your work.


All of the code I cover is available from a CodePen repository. I hope you can play with the code to test the different concepts we will cover. Here is a link to the CodePen repository for the Week One code.


Here is a list of the lectures this week that use CodePen, and the name of each file that they use:

01-02 Cascading Style Sheet:

  • styleAttribute.html
  • Presendence
  • externalstyle
  • internalStyle.html
  • 01-04 Styling Your Text:

  • fonts
  • 01-05 Code Together:

  • Code Together 1 - No CS
  • Code Together 1 - With CSS
  • 01-06 Display and Visbility - Part 1:

  • Display Example 1
  • Display Example 2

  • Slides

    If you would like to download a copy of slides, they are available here: