Project
You will combine the HTML concepts learned so far to create a personal profile webpage.
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.
Lesson 22 of 24
25 min learning time
You will combine the HTML concepts learned so far to create a personal profile webpage.
Your page should contain your name, short biography, skills list, profile image, links and contact information.
<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 your own personal profile page using the requirements from this lesson.
Quick Check
Which element is appropriate for the main content of the profile?