HTML Tutorial

Master HTML fundamentals with our comprehensive tutorial. Learn through examples and hands-on practice.

Video Tutorial

Introduction to HTML

HTML (HyperText Markup Language) is the standard markup language for creating web pages.

Examples:

<h1>Hello World</h1>

A simple heading element

Semantic HTML Tags

Semantic HTML tags clearly describe their meaning to both the browser and the developer.

Examples:

<header>
  <nav>
    <ul>
      <li><a href="#home">Home</a></li>
    </ul>
  </nav>
</header>

<header> - Defines a header section <nav> - Contains navigation links <ul> - Unordered list

<main>
  <article>
    <h1>Article Title</h1>
    <p>Article content...</p>
  </article>
  <aside>
    <h2>Related Content</h2>
  </aside>
</main>

<main> - Main content <article> - Self-contained content <aside> - Related content

<footer>
  <section>
    <h3>Contact Us</h3>
    <address>
      Email: example@email.com
    </address>
  </section>
</footer>

<footer> - Footer section <section> - Thematic grouping <address> - Contact information

HTML Forms

HTML forms are used to collect user input and send it to a server for processing.

Examples:

<form action="/submit" method="POST">
  <label for="username">Username:</label>
  <input type="text" id="username" name="username" required>
  
  <label for="email">Email:</label>
  <input type="email" id="email" name="email" required>
  
  <button type="submit">Submit</button>
</form>

A basic form with text and email inputs