Web Development Project: Simple HTML Page
Create a Simple HTML Page
You have now learned some of the building blocks of HTML:
- Headings
- Paragraphs
- Formatting elements like
<b>and<i> - Horizontal lines (
<hr>)
Now it's time to use these elements to a simple project - a small profile page that introduces yourself. It uses only the HTML concepts you have learned so far:
Example
A simple profile page:
<!DOCTYPE html>
<html>
<head>
<title>My First Web Page</title>
</head>
<body>
<h1>Welcome to My Page</h1>
<p>Hello! My name is <b>Liam</b>. This is my very first web page.</p>
<h2>About Me</h2>
<p>I love <b>coding</b>, <i>music</i>, and learning new things.</p>
<p>This is my simple HTML practice project.</p>
<hr>
<p>Thanks for visiting!</p>
</body>
</html>
Try it Yourself »
You can customize this page by changing your name, adding more text, or experimenting with different elements.
Later in this tutorial, you will learn how to style this page, which will make it look much better.
Next, you'll learn how to use HTML Attributes to add extra information and control how elements behave.
