Shopping List & Poem: students 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.
Styling with inline CSS: students learned to write inline CSS code to set the font color, background color, font family, and font size to style the poem they wrote earlier.
Styling with Border and Inserting an Image: I learned how to align text, add border, and insert picture into their previously written poem.
Hyperlinks: in this exercise, students learned how to insert absolute and relative hyperlinks to their HTML document. In the title "Shopping List" below, it links to the Trader's Joe's website and the website 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, students learned how to create an ordered list and an unordered list to remind students of the project requirements.