Shopping List & Poem: we learned basic HTML text formatting tags (heading, paragraph, bold, italic, underline, line break, superscript, subscript) to create a shopping list, then they applied the skills to write a poem.
Shopping list
Poem
Styling with inline css: We learned how to write liline CSS code to style the font color, background color, font family, font size to style the poem that they wrote earlier.
Styling with Border and Inserting an Image: we learned how to align text, add border, and insert picture into their previously written poem.
Hyperlinks: in this exercise, we learned to insert absolute and relative hyperlinks into their HTML document. The title "Shopping List" below links to the Trader Joe's website, and it is opened in a new tab. When the word "Here" is clicked, this relative link will open the poem students created in the previous class.
List Demo: in this exercise, we learned how to create an ordered list and an unordered list to remind students of the project requirements.