What the HTML?: Lesson 1

Topic: Introduction to HTML

For the first BC 101 lesson, students were introduced to HyperText Markup Language (HTML) and how it is used for website development. Students were taught the overall structure of HTML as well as different components such as tags and how they are used to create different elements within a website. Tags that were emphasized in the first lesson were the Heading tag and the Paragraph tag. See the powerpoint lesson below.

At the end of Lesson 1, students were presented with a class challenge. The purpose of this challenge was to provide a hands-on opportunity for students to practice what they learned. In Class Challenge 1, students were tasked with creating three headers and one paragraph within HTML. See the students' work below.

What the HTML?: Lesson 2

Topic: Creating and Formatting Images

For the second BC 101 lesson, students recapped what they learned in the previous lesson and were taught how to incorporate images within their own website in HTML. The focus of this lesson was to teach students about the components necessary to produce an image. See the powerpoint presentation below.

Class Challenge 2 required students to build upon their code and incorporate an image within HTML. See the students' work below.

What the HTML?: Lesson 3

Topic: Generating Ordered/Unordered Lists, Formatting Code

For the last BC 101 lesson, students continued to build upon their knowledge of HTML and learned how to incorporate different types of lists using the Lists tags. In addition to creating lists within HTML, students also learned how to spot bugs within their codes by using the Comment tag. Creating comments taught the students how to format their code and how it can be helpful in ordering coding languages. See the powerpoint presentation below.

For the last Class Challenge, students were faced with utilizing the two different types of tags as well as formatting their code. Students used their favorite recipes to complete this task. See the students' work below.