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

Project: Your personal page

Alejandro AO
Author
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 8: This Article

Now that you have learned about HTML tags and elements, it’s time to put your knowledge into practice! Your task is to create your own personal web page using the examples provided in this section. Don’t worry if you’re not able to do everything yet – this is a challenge that will help you push your limits and learn more about web development.

To get started, open a new file in your code editor and save it with an HTML extension (e.g. “mypage.html”). Then, start creating the basic structure of your web page using HTML tags. Here’s an example of what your web page might look like:

<!DOCTYPE html>
<html>
    <head>
        <title>My Personal Page</title>
    </head>
    <body>
        <h1>About Me</h1>
        <p>Hi, my name is [insert your name here] and I am [insert your age here] years old. I love [insert your hobbies here] and I am currently studying [insert your field of study here].</p>
        <h2>My Favorite Things</h2>
        <ul>
            <li>Favorite Movie: [insert your favorite movie here]</li>
            <li>Favorite Book: [insert your favorite book here]</li>
            <li>Favorite Musician: [insert your favorite musician here]</li>
        </ul>
        <h2>Contact Me</h2>
        <p>Email: [insert your email address here]</p>
    </body>
</html>

Remember that it is important to not copy and paste the code above. Instead, try to write the code yourself. This will help you learn more about HTML and web development.

Once you’ve finished creating your web page, save the file and open it in your preferred web browser. You should see your web page displayed just as you’ve created it! If you run into any problems, don’t worry – this is a great opportunity to learn and troubleshoot. Remember, the more you practice, the more comfortable you will become with HTML and web development.

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