Academy HTML CSS JavaScript TypeScript SQL MongoDB Python NumPy Pandas PHP Java C C++ C# Bootstrap Tailwind CSS jQuery React Vue.js Node.js Git
❯

HTML Introduction

What HTML is and how a web page is structured.

✍️ 3 exercises + code challenge in this lesson
Next ❯

HTML stands for HyperText Markup Language. It is the standard language used to describe the structure of a web page. Every website you visit is built on HTML.

HTML is made of elements. Elements tell the browser what each piece of content is: a heading, a paragraph, a link, an image and so on.

A simple HTML document

  • <!DOCTYPE html> tells the browser this is an HTML5 document.
  • <html> is the root element that wraps the whole page.
  • <head> contains information about the page, like its title.
  • <title> sets the text shown in the browser tab.
  • <body> contains everything visible on the page.
The browser never shows the tags themselves. It uses them to decide how to display the content.

Key Takeaways: HTML Introduction

Mastering HTML Introduction helps you write clean and reliable HTML code. Follow standard conventions, test edge cases, and keep logic simple. Try running the code example below and complete the exercises to build confidence.

HTML Introduction Code Example

HTML 
<!DOCTYPE html>
<html>
<head>
  <title>My First Page</title>
</head>
<body>
  <h1>Hello, CodesInTech!</h1>
  <p>This is my very first web page.</p>
</body>
</html>
Free sign-in required · Google login available

HTML Introduction Practice Exercises

Check what you learned in “HTML Introduction”.

/ 3 solved
Fill in the blank

Complete the HTML document so the page has a body.

<!DOCTYPE html>
<html>
<>
  <h1>My Page</h1>
</>
</html>
✓ Correct! Not quite. Try again.
Multiple choice

What does HTML stand for?

✓ Correct! Not quite. Try again.
Code challenge

Create a page with an <h1> heading that says "Hello World".

Write the code in the live editor. Your answer is checked automatically.

Free sign-in required · Google login available

to save your exercise progress.
Finished this lesson?
Mark it complete to track your progress.
Next ❯
HTML Editors

Stuck on something?

Ask the community in the CodesInTech forum.

Need a developer?

Learning on your own is great — and when you need professional help, our team builds custom software, websites and mobile apps for clients worldwide.

Explore Our Services