[001.6] Exercise - Character Sheet

Create a simple character sheet with HTML and CSS

Subscribe now

Exercise - Character Sheet [05.13.2016]

This week we learned how to make our first HTML page and styled it with CSS. For this week's exercise, try creating a new page that has some new info.

Pick your favorite fictional character, and make a bio sheet for them.

  • Add their name in an h1
  • create a list with some of their notable actions
  • put a heading above that list, and change the font color of this heading to what color they most often wear.
  • decorate some of the list items with semantic helpers such as strong and em
  • Use selectors to change the font color of those nested semantic helpers
  • bonus: embed a picture of them with the img tag