Personal Profile Page
In this exercise, you will be creating a profile page with your name, age, hobbies, and goals. The goal of this exercise is to give you a solid understanding of how to create a basic web page using correct syntax, structure, tags, and attributes.
Getting Started
- Create a new project folder called
ProfileProject.
- In your new project folder create an
index.html file.
- Open your project folder in Sublime Text.
Requirements
- Have a title for the page.
- Include a header with your name and occupation using heading tags.
- Include a description of yourself.
- Include a list of your favorite foods.
Instructions
- Open the
index.html file and create the HTML Skeleton.
- In the
<head> element add the title “JDLA Profile Page”
- In the body, add your first and last name using an
h1 tag
- Below the
h1 tag add an h2 tag with your occupation
- Create a description of yourself using a paragraph tag
- After the paragraph, add an
h3 tag saying “Favorite Foods”
- Below the heading, create an unordered list containing five of you favorite foods
- Add any other sections with information about yourself (optional)
- Bask in the glory of your new profile page
When you’re finished basking, move on to the next reading, “Linking HTML Files”