HTML Syllabus
HTML SYLLABUS
🧱 Module 1: Introduction to HTML
What is HTML?
Structure of an HTML Document
HTML Versions and Doctype
Tags, Elements, and Attributes
🏷️ Module 2: Basic HTML Tags
<html>,<head>,<title>,<body>Headings (
<h1>to<h6>)Paragraphs and Line Breaks
Horizontal Lines
Comments in HTML
📄 Module 3: Text Formatting
Bold, Italic, Underline:
<b>,<i>,<u>Subscript & Superscript:
<sub>,<sup><strong>and<em>tagsHTML Quotation & Citation Tags
🔗 Module 4: Links and Navigation
Anchor Tag:
<a>Internal vs External Links
target,href,titleAttributesLinking Email and Phone
🖼️ Module 5: Images
<img>Tagsrc,alt,width,heightAttributesImage Linking
📋 Module 6: Lists
Ordered List
<ol>Unordered List
<ul>Description List
<dl>Nesting Lists
🧩 Module 7: Tables
<table>,<tr>,<td>,<th>colspan,rowspanTable Borders, Cell Spacing, Alignment
🧾 Module 8: Forms in HTML
<form>ElementInput Fields:
<input>(text, password, email, number, etc.)<textarea>,<select>,<option>Radio Buttons & Checkboxes
Submit & Reset Buttons
Form Attributes:
action,method,name,id,placeholder
🧱 Module 9: HTML5 Semantic Elements
<header>,<footer>,<nav><main>,<section>,<article>,<aside><figure>and<figcaption>Benefits of Semantic HTML
🎨 Module 10: Embedding Media
Video:
<video>Audio:
<audio>YouTube Video Embedding
<iframe>for Maps, Docs, etc.
⚙️ Module 11: HTML APIs & Advanced Tags
<canvas>&<svg>BasicsMeta Tags
Favicon Setup
Charset & Viewport
✅ Module 12: Project + Practice
Create a complete HTML portfolio page
Build a simple resume webpage
Practice tasks: tables, forms, image gallery
