Ch 3 · Project: Profile Card · HTML
Topic 3 of 3 in HTML — Build Your First Web Page — 3 lessons.
Build a Profile Card
Put it together: a profile card with a heading, a short intro, a list of skills and a link. Edit everything in the preview!
Add a Photo & Contact Links
A profile card feels far more personal with a picture. In this step you will add a photo at the top of Alex's card and a short Contact section at the bottom, using the image and link skills you already have.
Give Your Card Structure
Right now the card is one long run of tags. Real pages group content into labelled areas using semantic elements: tags whose names describe what the content is. They add no styling on screen, but they help screen readers, search engines and you, the next time you read your code.