🌐HTML Learning Project

Master the building blocks of the Web

🚀 What is HTML?

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

Key Points:

  • HyperText - links that take you to other pages
  • Markup - defines the structure and meaning
  • Language - set of rules used to display and control text

🏗️ How HTML Works

<!DOCTYPE html>
<html>
  <head><title>My Web Page</title></head>
  <body><h1>Welcome!</h1></body>
</html>

📋 Basic HTML Structure

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

Structure Breakdown:

  • <!DOCTYPE html> - Declares the file as HTML5
  • <html> - Root element
  • <head> - Contains metadata
  • <body> - Contains visible content

🏷️ Essential HTML Tags

TagPurposeExample
<h1>–<h6>Headings<h1>Title</h1>
<p>Paragraph<p>Text</p>
<a>Link<a href="#">Click</a>
<img>Image<img src="img.png">

🎯 Live Examples

This is an H1 heading

This is an H2 heading

This is an H3 heading

This is paragraph with bold and italic text

here's a sample link

    Unordered List :
  • First
  • Second
  • Three
    Ordered List :
  1. Ordered one
  2. Ordered two
  3. Ordered three

📄 HTML Forms