Courses / HTML
Free Beginner Web Development

HTML & Web Foundations

Learn how websites are structured from the ground up using HTML. Build real pages while learning elements, attributes, links, images, forms, tables, semantic HTML and more.

24
Lessons
4 Weeks
Duration
88%
Progress

Lesson 22 of 24

25 min learning time

Build a Personal Profile Page

Project

You will combine the HTML concepts learned so far to create a personal profile webpage.

Requirements

Your page should contain your name, short biography, skills list, profile image, links and contact information.

Example HTML
<header>
    <h1>John Developer</h1>
    <p>Junior Web Developer</p>
</header>

<main>

    <section>
        <h2>About Me</h2>
        <p>
            I am learning web development.
        </p>
    </section>

    <section>
        <h2>Skills</h2>

        <ul>
            <li>HTML</li>
            <li>CSS</li>
            <li>JavaScript</li>
        </ul>
    </section>

</main>

<footer>
    <p>Contact: hello@example.com</p>
</footer>

Practical Exercise

Build it yourself

Build your own personal profile page using the requirements from this lesson.

Quick Check

Test your understanding

Which element is appropriate for the main content of the profile?