Basic HTML Syntax and Structure

Beginner

🧱 Basic Structure of an HTML Document

An HTML document begins with a declaration and follows a structured format using tags and elements.

🏗️ Document Layout

1. <!DOCTYPE html>

Declares the HTML5 document type.

2. <html>

The root element that wraps the entire page content.

Contains metadata like:

  • 🏷️ Page title (<title>)
  • 🧵 Links to stylesheets
  • 💡 Scripts and other resources

4. <body>

Holds the visible content such as:

  • 📢 Headings
  • 📄 Paragraphs
  • 🔗 Links
  • 🧩 Interactive elements

🏷️ Tags, Elements & Attributes

  • Elements consist of an opening <tag> and a closing </tag>.
  • Attributes (like id, class, href) provide additional information about elements.

✅ Proper nesting and indentation improve readability and maintainability.

💡 Example: Basic HTML Structure

<!DOCTYPE html>
<html>
<head>
    <title>Sample Page</title>
</head>
<body>
    <h1>Welcome to HTML Tutorial</h1>
    <p>This is a paragraph explaining HTML basics.</p>
</body>
</html>