Basic HTML Structure

The basic structure of an HTML document is composed of a few essential tags that every web page needs to function correctly.

Building a Web Page: The Blueprint

Every great building starts with a blueprint. In web development, that blueprint is the basic HTML structure. Let's learn how to build it, piece by piece!

Practice Zone

Now, try these exercises to test your knowledge.

Interactive Test 1: Drag and Drop

Arrastra en el orden correspondiente.

Arrastra las opciones:

<!DOCTYPE html>

<body>

</html>

<title>

<html>

<head>

</title>

</body>

</head>

Completa el código:

______

Interactive Test 2: Fill in the Blanks

Rellena los huecos en cada casilla.


<!DOCTYPE html>
<html>
  <head>
    My Web Page</title>
  </head>
  <body>
    <h1></h1>
    <p>This is a paragraph in the body.</p>
  
</html>

Practice Example: Code Editor

Here is a complete example of a basic HTML structure. Review it and try modifying the content inside the `body`.

* Write the code below. Correct characters will be shown in green and incorrect ones in red.

<!DOCTYPE html>
<html>
  <head>
    <title>My Web Page</title>
  </head>
  <body>
    <h1>Hello World</h1>
    <p>This is a paragraph in the body.</p>
  </body>
</html>

Knowledge Check

Which tag is used to define the visible content of a web page?

← Previous Next →

Basic HTML Structure

Building a Web Page: The Blueprint

Practice Zone

Interactive Test 1: Drag and Drop

Arrastra las opciones:

Completa el código:

Interactive Test 2: Fill in the Blanks

Practice Example: Code Editor

Knowledge Check

HTML Elements Reference

Intro HTML

HTML Text Formating and Tags

HTML Document Structure

HTML Headings and Title

HTML Lists

HTML Tables

HTML Forms and Input Elements

HTML Meta and SEO

HTML Media Elements

HTML Multimedia Attributes

HTML Other Elements