harmonycomputer.net
Contact Mr. Gregory
  • 6th grade
    • BOOT UP >
      • 1st quarter
      • 2nd quarter
      • 3rd quarter
      • 4th quarter
    • Intro to CPU >
      • Computer Parts
      • Fundamentals
      • Hardware
      • Software
      • Internet
      • Internet pt. 2
    • Typing Practice
    • Online Safety >
      • Share with Care
      • Google Presentation
    • Word Processing >
      • MLK Jr Formatting
      • Poster
    • Presentations >
      • Things that Make Me Feel...
    • Spreadsheets
    • Graphic Design >
      • About Me Poster
    • Black History Month >
      • Civil Rights
      • Martin Luther King Jr.
    • 3d printing
    • Programming >
      • Hour of Code
      • Scratch
      • Intro to CPU Science
      • Republic
      • Code.org
      • HTML
      • Game Development
      • Independent Study
    • Substitute >
      • Lesson 1: Code Monkey
      • Lesson 2: Google logo
  • 7th grade
    • BOOT UP >
      • 1st quarter
      • 2nd quarter
      • 3rd quarter
      • 4th quarter
    • Online Safety & Digital Citizenship >
      • Digital Footprint
      • Cyberbullying
      • Copyright
      • Privacy & Security
    • Touch Typing
    • Computer Fundamentals >
      • Hardware
      • Software
      • Internet
      • Internet pt. 2
    • Word Processing >
      • MLK Jr Formatting
      • Poster
    • Presentations >
      • Things that Make Me Feel...
      • About Me
    • Spreadsheets
    • Graphic Design >
      • Infographic
    • Martin Luther King Jr.
    • Hour of Code
    • Independent Study
  • 8th grade
    • BOOT UP >
      • 1st quarter
      • 2nd quarter
      • 3rd quarter
      • 4th quarter
    • Touch Typing
    • Computer Fundamentals >
      • Hardware
      • Software
      • Internet
      • Internet pt. 2
    • Online Safety & Digital Citizenship >
      • Digital Footprint
      • Copyright
    • Word Processing >
      • MLK Jr Formatting
      • Formatting
      • Poster
    • Presentations >
      • About Me Jeopardy
      • About Me Prezi
      • Google Slides
      • Texas Revolution
    • Spreadsheets
    • Graphic Design >
      • Brochure
    • Martin Luther King Jr.
    • Hour of Code
    • Independent Study
  • High School CS
    • Fundamentals of CS >
      • BOOT UP >
        • 1st quarter
        • 2nd quarter
        • 3rd quarter
        • 4th quarter
      • Why CPU Science?
      • GMetrix
      • EarSketch
      • What is a Computer?
      • Web Design >
        • My Summer Webpage
        • Hispanic Heritage Bio Project
        • My Winter Break
        • MLK Timeline
        • Advocacy Website
      • Code.org >
        • Intellectual Property
        • Internet Searches
      • CodeCombat
      • Code HS
      • Republic
      • PBL project
      • Independent Study
      • Substitute >
        • Lesson 1: HTML & CSS
        • Lesson 2: HTML & CSS
        • Lesson 3: Javascript
    • Principles of IT >
      • BOOT UP >
        • 1st quarter
        • 2nd quarter
        • 3rd quarter
      • Technology @ Work
      • Web Design >
        • My Winter Break
      • Internet Dilemmas
      • Digital Citizenship & Cyber Hygeine >
        • Digial Footprint
        • Safeguarding Passwords
      • Republic
      • GMetrix
      • Independent Study >
        • HTML & CSS
  • Robots
    • BOOT UP >
      • 1st quarter
      • 2nd quarter
      • 3rd quarter
      • 4th quarter
    • EV3
    • Spike
    • Sphero
    • Drones
    • AutoAuto
    • Independent Study
  • Resources
    • Microsoft enrollment
    • Harmony Portal
    • Class Dojo
    • Pixect
    • Codepen
    • Typing Resources >
      • Fun to Type
      • Free Typing Game
      • Typing Club
    • RefMe
    • Flocabulary
    • Chrome Music Lab
    • P.A.T.
    • Code Ninjas
    • After School >
      • ESports
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.