Basic Structure of an HTML

Part of the Fundamentals section of Coddy's HTML journey. Lesson 2 of 60.

Every HTML document follows a simple structure.

It starts with <!DOCTYPE html>, which tells the version of HTML we are using.

This is followed by the <html> tag, which contains all the HTML content.

Inside the <html> tag, we add the <body> tag, which holds all the visible content of the webpage.

Here’s a simple example:

<!DOCTYPE html>
<html>
    <body>
        This is some text.
    </body>
</html>

In this example, the text inside the <body> tag will be displayed as text on the webpage.

Challenge

Easy

Replace REPLACE THIS TEXT inside the <body> tag with:

To Infinity And Beyond!

You do not need any tags here, just plain text.

Try it yourself

<!DOCTYPE html>
<html>
    <body>
        <!-- Replace the line below with the required text -->
        REPLACE THIS TEXT
    </body>
</html>

Test yourself

This lesson includes a short quiz. Start the lesson to answer it and track your progress.

All lessons in Fundamentals

1HTML Basics

4Recipe Card

7Personal Profile Page

10Tables

2Text and Formatting

5Adding Content

8Forms and Inputs Part 1

11Event Registration Page

3Working with Lists

6Page Layout

9Forms and Inputs Part 2

12Final Challenges

Practice on your own: Web playground