Your First HTML Page

Creating your first HTML page is the first step toward building websites. With just a few lines of code, you can create a simple web page that displays text, headings, and other content in the browser.

Setting Up a Basic HTML Page

Here’s what the most basic HTML page looks like:


<!DOCTYPE html>
<html>
  <head>
    <title>My First Page</title>
  </head>
  <body>
    <h1>Hello, World!</h1>
    <p>This is my first HTML page.</p>
  </body>
</html>

This example includes all the essential parts: the doctype declaration, HTML structure, a title, and some visible content in the body.

Explaining the Code

<!DOCTYPE html> declares the document type and HTML version.
<html> wraps the entire document content.
<head> contains metadata like the page title.
<body> includes the visible content, such as headings and paragraphs.

Tips for Beginners

Use proper indentation for better readability.
Always close your tags.
Start with simple pages and build up complexity as you learn.
Use a code editor like VS Code for syntax highlighting and formatting.

Conclusion

Your first HTML page marks the beginning of your journey as a web developer. With this foundation, you can begin to explore more advanced HTML elements, styling with CSS, and interactivity through JavaScript.

← Previous: How HTML Works Next: Basic Structure →