1. Introduction to HTML
- What is HTML?
- How websites work
- HTML vs CSS vs JavaScript
- Structure of a web page
- Setting up VS Code
- Installing Live Server
- Creating first HTML file
2. Basic HTML Structure
<!DOCTYPE html><html><head><title><body>- Understanding nesting
3. HTML Elements
- What is an element?
- Opening tag
- Closing tag
- Self-closing tag
- Parent & child elements
- Empty elements
4. HTML Attributes
- What are attributes?
- Syntax of attributes
- Common attributes:
idclasstitlestylesrchrefalt
5. Headings
-
<h1>to<h6> - Proper heading hierarchy
- SEO basics with headings
6. Paragraphs & Text Formatting
<p><br><hr>
Text Formatting Tags
<b><strong><i><em><u><mark><small><sup><sub>
7. HTML Styles
- Inline styles
-
styleattribute - Colors
- Backgrounds
- Font size
- Text alignment
8. Links
<a>- Internal links
- External links
- Opening links in new tab
- Email & phone links
9. Images
<img>srcalt- Width & height
- Relative vs absolute image paths
10. Comments
- HTML comments
- Why comments are useful
11. Lists
- Ordered List
<ol> - Unordered List
<ul>
List Items
<li>
Description List
<dl><dt><dd>
Nested Lists
12. Tables
<table><tr><td><th>colspanrowspan- Table structure
13. Block vs Inline Elements
Block Elements
<div><p><section>
Inline Elements
<span><a><strong>
Differences Between Block & Inline Elements
14. Container Elements
<div><span>- Real-world usage examples
15. Semantic HTML
Semantic Tags
<header><nav><main><section><article><aside><footer>
Why Semantic HTML Matters
- SEO
- Accessibility
- Better code structure
16. Forms
Form Basics
<form>actionmethod
Input Elements
<input>
Input Types
textpasswordemailnumberdateradiocheckboxfilesubmit
Other Form Elements
<label><textarea><select><option><button>
Form Attributes
placeholderrequireddisabledreadonlyvaluename
17. Buttons
<button>- Button types
- Submit
- Reset
- Normal button
18. File Paths
- Relative paths
- Absolute paths
- Folder structure understanding
19. Multimedia
Audio
<audio>
Video
<video>
Media Features
- Controls
- Autoplay
- Loop
- Muted
Embedding YouTube Videos
20. Iframes
<iframe>- Embedding websites
- Embedding maps
- Embedding videos
21. HTML Entities
© <>
22. Meta Tags
<meta>- Charset
- Viewport
- SEO basics
23. Accessibility Basics
- Importance of
alt - Proper labels in forms
- Semantic tags for accessibility
24. HTML Best Practices
- Proper indentation
- Clean folder structure
- Naming conventions
- Writing readable HTML
