Skip to main content
  1. Web Development Course/
  2. Introduction to HTML/

Project: Creating a Multipage Personal Website

Alejandro AO
Alejandro AO
I’m a software engineer building AI applications. I publish weekly video tutorials where I show you how to build real-world projects. Feel free to visit my YouTube channel or Discord and join the community.
Introduction to HTML - This article is part of a series.
Part 14: This Article

Bravo! You’ve made it to the end of the Introduction to HTML course! Now that you have a solid understanding of HTML tags and elements, it’s time to put your skills to the test by building a personal website.

Not it is time for you to build a very basic website to showcase your personal information, such as your name, photo, interests, and hobbies. Create a website with several pages, including a homepage, a page for your interests, a page for your hobbies, and a page for your background. You can also add a page for your contact information. Here are some steps that you can follow to build your website:

Plan Your Website

Before you start coding, take some time to plan your website:

  • Decide on the purpose and goals of your website (it can be your personal website, for example!)
  • Determine the content and structure of your website.
  • Sketch a rough design or layout of your website.

Create the HTML Structure

Once you have a plan in place, it’s time to start coding:

  • Use a text editor to create a new HTML file.
  • Add the basic HTML structure to your file, including the <!DOCTYPE html>, <html>, <head>, and <body> tags.
  • Use the appropriate HTML tags and elements to structure and organize your content.

Add Content to Your Pages

Now that you have the basic structure in place, it’s time to add content:

  • Create a homepage that introduces yourself and your website.
  • Create pages for your interests, hobbies, and background.
  • Use headings, paragraphs, lists, and other HTML tags to organize and format your content.
  • Add images and multimedia content to your web pages.

Add Navigation

To make it easier for users to navigate your website, add a navigation bar to the top of each page. You can use the <nav> tag to create a navigation bar. You can check out the previous lesson on navigation for more information.

Test Your Website

As you’re building your website, it’s important to test it in your browser to make sure everything looks and works as expected. Here are some tips for testing your website:

Open your HTML file in your browser to see how it looks!


Congratulations! You’ve successfully built a personal website using HTML! In the next course, we will see how to add CSS to your website to make it look even better! I hope you enjoyed this course and learned a lot about HTML! :)

Introduction to HTML - This article is part of a series.
Part 14: This Article