mc0de

hello world

01
HTML Fundamentals

Hello, World!

Build your first HTML webpage and begin your coding journey.

HTML Beginner
<!DOCTYPE html>
<html>
  <body>
    <h1>Hello, World!</h1>
  </body>
</html>

>_ What Is HTML?

HTML stands for HyperText Markup Language. It is the standard language used to create and structure content on webpages.

Think of HTML as the structure of a webpage. It tells the browser what each piece of content represents, such as a heading, paragraph, link, image, or list.

<h1>

Headings

Headings organize your page and identify important sections of content.

<p>

Paragraphs

Paragraph elements are used for the main written content on your webpage.

<a>

Links

Links connect your webpage to other pages, websites, and resources.

>_ Your First HTML Page

Every HTML page follows a basic structure. Here is a simple webpage that displays Hello, World! in the browser.

index.html
<!DOCTYPE html>
<html>
  <head>
    <title>My First Webpage</title>
  </head>

  <body>
    <h1>Hello, World!</h1>
    <p>Welcome to my first webpage.</p>
  </body>
</html>

>_ What’s Happening Here?

<!DOCTYPE html>

Tells the browser that the document uses HTML5.

<html>

Wraps the entire HTML document.

<head>

Contains information about the webpage that is not normally displayed as page content.

<body>

Contains everything visitors actually see inside the browser window.

<h1>

Creates the main heading on the page.

<p>

Creates a paragraph of text.

💡
Remember

Most HTML elements use an opening tag and a closing tag. For example: <p>Hello!</p>

Ready to Code?

Now it’s your turn.

Use what you just learned to complete the first mC0de Challenge.

⚡
mC0de Challenge

Build Your First Webpage

Put what you just learned into practice. Create a simple HTML webpage that introduces yourself.

  • ✓ Add an <h1> heading that says Hello, World!
  • ✓ Add a <p> paragraph introducing yourself.
  • ✓ Give your webpage a title using the <title> element.
  • ✓ Make sure your visible content is placed inside the <body>.
💡 Try it yourself first. If you get stuck, the Sandbox includes a complete solution you can load and study.
>_ Challenge accepted. Build it below.
>_
mC0de Interactive Sandbox

Hello, World! Challenge

Live Preview
index.html
HTML Input EDIT
Live Result PREVIEW
💡 Edit the HTML and watch the result update instantly. Reset restores the starter code.
✓
Lesson 01 Recap

What You’ve Learned

✓ What HTML is and how it provides structure to a webpage.
✓ How a basic HTML document uses <html>, <head>, and <body>.
✓ How to create a main heading using <h1>.
✓ How to add written content using the <p> element.
✓ The difference between an opening tag and a closing tag.
✓ How to write HTML and immediately see the result inside the mC0de Sandbox.
Nice work! You’ve built the foundation for everything that comes next.

Your Learning Journey

0 / 17 Completed

Keep going! Every completed lesson brings you closer to building your own websites with HTML and CSS.

🚀

Nice work!

Finished this lesson? Mark it complete to track your progress.

HTML & CSS Home Next Lesson → Basic Elements