title | slug |
---|---|
Exercise: HTML Intro |
/html-intro-exercise |
Practice using HTML tags to structure a content on web pages.
Steps are to be completed under the div with id="exercise1"
- Create a heading 1 element that contains your name between opening and closing tags
- Create a paragraph element that contains a bio about yourself
Steps are to be completed under the div with id="exercise2"
- Create an unordered list element
- Create three list item elements nested inside of the unordered list that your just created
- Create an anchor element inside of each list item that you just created in your unordered list
- 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
Steps are to be completed under the div with id="exercise3"
- Create an image element
- Add an src attribute with a relative path value that points to the
./images/example.png
file - Add an alt attribute with a text description value of the image
Steps are to be completed under the div with id="exercise4"
- Edit the paragraph element's text content so that:
- the word "span" is enclosed in a span element
- the word "underlined" is enclosed in an underline element
- the word "italicized" is enclosed in an emphasis element
- the word "bolded" is enclosed in an strong element
Steps are to be completed under the div with id="exercise5"
- 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
- To be completed, you should have no more than three division elements and zero span elements (not including the div with
id="exercise5"
)
- You will need to use