Lesson 1: HTML Basics

Let's start building your first web page together!

🌟 What is HTML?

HTML stands for HyperText Markup Language. It is used to structure the content on the web.

HTML provides the skeleton of the page.

HTML structure: <!DOCTYPE html>, <html>, <head>, <body>
Headings: <h1> to <h6>
Paragraphs: <p>
Links: <a href="#">
Images: <img src=" ">
Lists: <ul> (unordered), <ol> (ordered), <li> (list item)
Tables: <table>, <tr> (row), <td> (data), <th> (header)
Forms: <form>, <input>, <textarea>, <button>, <label>
Semantic elements: <header>, <footer>, <nav>, <section>, <article>

Here’s what a basic HTML page looks like:

<!DOCTYPE html>
<html>
  <head>
    <title>My First Page</title>
  </head>
  <body>
    <h1>Hello World!</h1>
  </body>
</html>

Click the button below to open the code playground and experiment with this HTML code!

HOME PAGE :

BACK