🌐

HTML Beginner

Documents, text, links, images, lists and forms — your first web pages.

3 lessons 7 tasks ⚡ Live compiler

📚 Lessons

1 Your first document

HTML describes structure using elements in angle-bracket tags. Every page has a <!DOCTYPE html>, a <head> for metadata and a <body> for visible content.

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>My Page</title></head>
<body>
  <h1>Hello, web!</h1>
  <p>Rendered by your browser.</p>
</body>
</html>

2 Text, links and images

Headings run <h1>–<h6>. Links use <a href>; images use <img src alt> — always give an alt description.

<h1>Articles</h1>
<p>Visit <a href="https://example.com">our site</a>.</p>
<img src="https://via.placeholder.com/120" alt="Logo">

3 Lists, tables and forms

Use <ul>/<ol> for lists, <table> for tabular data, and <form> with <input> to collect data.

<ul><li>Coffee</li><li>Tea</li></ul>
<form>
  <label>Name: <input name="name"></label>
  <button>Send</button>
</form>

⚡ HTML Compiler

Code runs live in a sandboxed frame, rendered by your browser.

📝 Tasks

7 tasks across 3 pages — multiple-choice and fill-in (type the answer). Score 70% or higher to earn your certificate.

🎓 Certificate of Completion

🔒 Pass the quiz above (70%+) to unlock your downloadable certificate.