Please enable JavaScript to use CodeHS

  • Autograded

One-Page Profile

In this project, students will build a web page using HTML and CSS about themselves. Their one-page profile will highlight their interests and brief bio, images of their choice, and any links to social media or websites.

Easy

2 Hours

High School

Middle School

Project Description

In this project, students will build a web page using HTML and CSS about themselves. Their one-page profile will highlight their interests and a brief bio, images of their choice, and any links to social media or websites.

Create the Content

Students will start by building an HTML web page with a div that includes their name, a brief bio, and some images. This will be the box of profile content shown in the corner of the web page.

Style It

Students will then create a CSS file that styles their webpage. They will add a background image as well as style the div so that it is floats in the right or left corner of the page.

Float Box

Project Demo

Explore this program before assigning it!

Project Overview

Here is an outline of the project activities: