HTML

Module 1: Introduction to HTML and Web Basics

What is HTML?
- Definition: HyperText Markup Language
- Role in web development (the “skeleton” or “structure” of a webpage)
- HTML vs. CSS vs. JavaScript (brief overview of their roles)
How the Web Works (Client-Server Model):
- Browsers and servers
- Request and response cycle
Setting up Your Development Environment:
- Text editors (VS Code, Sublime Text, Notepad++, etc.)
- Browsers for testing (Chrome, Firefox, Edge, etc.)
- Creating your first HTML file (.html or .htm extension)
- Saving and opening HTML files in a browser.

Module 2: HTML Document Structure and Basic Elements

HTML Document Structure:
- <!DOCTYPE html> declaration
- <html> (root element)
- <head> (metadata, links to stylesheets, scripts, title)
  - <meta> tags (charset, viewport, description, keywords)
  - <title> (browser tab title)
  - <link> (for linking CSS)
  - <script> (for linking JavaScript)
- <body> (visible content of the webpage)

HTML Elements, Tags, and Attributes:
- Understanding opening and closing tags (e.g., <p>Content</p>)
- Self-closing/void elements (e.g., <img>, <br>, <hr>)
- Attributes: providing additional information to elements (e.g., src, alt, href, class, id)

Expand all sectionsCollapse all sections