harmonycomputer.net
Contact Mr. Gregory
  • 5th grade
    • BOOT UP >
      • 1st quarter
      • 2nd quarter
      • 3rd quarter
      • 4th quarter
    • Internet >
      • Online Communication
      • Digital Citizenship
      • Internet Safety
    • Animation >
      • Name Animation
      • Animation Project 2
      • Scratch
    • Typing Practice
    • Presentations >
      • Basics
      • About Me Project
      • Renewable Energy Brochure
    • Word Processing >
      • Fundamentals
      • Tornadoes
      • Mt. Rushmore
      • MLK Jr Formatting
    • Martin Luther King Jr. >
      • Civil Rights
    • 3d printing
    • Programming >
      • Hour of Code
      • Intro to CPU Science
      • Independent Study
    • Substitute >
      • Tech Apps
  • 6th grade
    • BOOT UP >
      • 1st quarter
      • 2nd quarter
      • 3rd quarter
      • 4th quarter
    • Name Animation
    • Scratch
    • Intro to CPU >
      • Computer Parts
      • Basics
    • Typing Practice
    • Online Safety & Digital Citizenship >
      • Google Presentation
    • Presentations Basics
    • 3d printing
    • Programming >
      • Hour of Code
      • Intro to CPU Science
      • Republic
      • Code.org
      • HTML
      • Game Development
      • Independent Study
    • Substitute >
      • Lesson 1: Code Monkey
      • Lesson 2: Google logo
  • Web Dev
    • BOOT UP >
      • 1st quarter
      • 2nd quarter
      • 3rd quarter
      • 4th quarter
    • Remix the Web
    • Hour of Code
    • Republic
    • Hello World
    • JavaScript
    • Independent Study
    • Substitute >
      • Lesson 1: Code Monkey
      • Lesson 2: Javascript Game Design
      • Learning.com
  • App Dev
    • BOOT UP >
      • 1st quarter
      • 2nd quarter
      • 3rd quarter
      • 4th quarter
    • My Six-Word Summer
    • Animation
    • Republic
    • Remix the Web
    • HTML & CSS projects
    • Hour of Code
    • Independent Study
    • Substitute >
      • Javascript
  • Robots
    • BOOT UP >
      • 1st quarter
      • 2nd quarter
      • 3rd quarter
      • 4th quarter
    • EV3
    • Drones
    • AutoAuto
    • Independent Study
  • High School CTE
    • Principles of IT >
      • Code HS
      • Presentations
    • Fundamentals of CS >
      • BOOT UP >
        • 1st quarter
        • 2nd quarter
        • 3rd quarter
        • 4th quarter
      • Code.org
      • Code HS
      • Hour of Code
      • Substitute >
        • Lesson 1: HTML & CSS
        • Lesson 2: HTML & CSS
        • Lesson 3: Javascript
  • Resources
    • Google Drive
    • Scratch
    • Pixect
    • Class Dojo
    • Typing Resources >
      • Typing.com Sign Up
      • Dance Mat Typing
      • Fun to Type
      • Free Typing Game
      • Typing Club
    • RefMe
    • P.A.T.
    • Code Ninjas
Picture
Click on the codepen picture above and complete the following steps.

Step 1
  • Replace the text in the h1 tags with the name of your website.  ​<h1>Example heading</h1>
  • Add a paragraph telling us who your are. You can write anything you want, examples are how old you are, tell us about your family, friends, pets or hobbies.  <p>Example paragraph</p>

Step 2
  • Add a h2 to your website with the name of your list, it can either be "My Favorite Hobbies" or "My Favorite Foods" (or My Favorite _________).   <h2>Example heading</h2>
​​

Step 3
  • Under your h2, add an ORDERED LIST of ingredients, with at least two list items telling us about your favorite things  
        <ol>
           <li>item 1</li>
           <li>item 2</li>
​        </ol>
  • Change ol to ul in your list to see how it changes. You can leave it however you prefer, as an ordered list or an unordered list.

Step 4
  • Time to add an image! Find any image you like that relates to your website, and add it anywhere on the page (remember you have to keep it in the body tag). For example, if I wrote about horses I could add a picture of a horse.   <img src="www.horses.png"/>

Picture

Picture
Powered by Create your own unique website with customizable templates.