Practice Exercises

I created these HTML and CSS exercises in order to give students a fun way to study for the HTML/CSS exam.   The remaining content is covered in this slideshow: Study for the HTML/CSS Exam.

Flashcards

The flashcards cover the most commonly used HTML and CSS used in my everyday work as a web developer. Memorizing this set of HTML and CSS will improve your fluency as a developer. Developers always look up how to code, but if you can memorize the most commonly used HTML and CSS then you will be a faster developer.

Place in Order

Rather than requiring that students memorize all of the HTML required to correctly set up a page, I expect them to recognize the code and place it in order. In real life, a developer starting a new website or web page will start with a template or copy some code she/he previous wrote. While it isn't necessary to memorize all of the HTML, web developers need to recognize the elements, understand their purpose, and be able to place them in order.

 

HTML Flashcards

HTML Flashcards

Memorize the basics of HTML with these flashcards. You can keep them flipped over once you know the answer, just like you would with paper flashcards.

CSS flashcards

CSS Flashcards

Memorize the basics of CSS with these flashcards. You can keep them flipped over once you know the answer, just like you would with paper flashcards.

Easy Place in Order

Place HTML in Order - Easy

Learn the basic framework for an HTML page the easy way with this drag and drop place in order exercise.

Place in Order Challenge Version

Place HTML in Order - Challenge

Once you are comfortable with the Easy exercise, try the challenge version! This is the version used on the test at Saint Paul College.