Exercise Repo

Practice using HTML tags to structure a content on web pages.

Steps are to be completed under the div with id="exercise1"

1. Create a heading 1 element that contains your name between opening and closing tags

Now this is a story all about how my life got flipped turned upside down and I'd like to take a minute, just sit right there I'll tell you how I became the prince of a town called Bel-Air. In West Philadelphia born and raised on the playground is where I spent most of my days. Chillin' out, maxin', relaxin' all cool and all shootin' some b-ball outside of the school. When a couple of guys who were up to no good started makin' trouble in my neighborhood I got in one little fight and my mom got scared and said "You're movin' with your auntie and uncle in Bel-Air."

Steps are to be completed under the div with id="exercise2"

1. Create an unordered list element

• Milk
• Eggs
• Cheese

2. Create three list item elements nested inside of the unordered list that your just created

• Grocery List

3. Create an anchor element inside of each list item that you just created in your unordered list

• Career Sites

4. Each anchor element should link to the following:

   • The first anchor element should link to your LinkedIn profile
   • The second anchor element should link to the TrueCoders homepage
   • The third anchor element should link to your most visited website
   • Career Sites
5. LinkedIn
6. TrueCoders
7. Most Visited Website W3Schools

Steps are to be completed under the div with id="exercise3"

1. Create an image element
2. Add an src attribute with a relative path value that points to the ./images/example.png file
3. Add an alt attribute with a text description value of the image

Steps are to be completed under the div with id="exercise4"

1. Edit the paragraph element's text content so that:
   • the word "Bredon" is enclosed in a span element
   • any word "play" is enclosed in an underline element
   • any word "beautiful" is enclosed in an emphasis element
   • any word "point" is enclosed in an strong element

"Bredon">A man "play" "beautiful" "point"

Steps are to be completed under the div with id="exercise5"

1. Edit the blog post so that more semantically meaningful elements are used instead of generic division containers.

   • You will need to use

     • one main element
     • three section elements
     • one article element
     • one header element
     • two nav element
     • two unordered list element
     • five list item elements
     • five anchor elements
     • one footer element

     Big Companys

     Companys

     Walmart and Target

     Departments

     Electronics and Automotive

     Employees

     100 Employees at Walmart and Target

     Walmart

     Walmart was founded July 2, 1962 in Rogers, AR

     Learning Tools

     Go learn Go learn some more
   • Grocery List
2. Milk
3. Eggs
4. Cheese
5. Orange Juice
6. Grape Juice

• Grocery List

Copyright 2022 Hill.Co

• To be completed, you should have no more than three division elements and zero span elements (not including the div with id="exercise5")