HTML & Web Design – Syllabus

HTML & Web Design – Syllabus

Chapter 1: Introduction to HTML
What is HTML, Structure of Web Pages, Client-Server Basics, HTML Document Flow, Website Components, How Browsers Render HTML
Chapter 2: HTML Document Structure
DOCTYPE Declaration, html head body Tags, Title Meta Tags, Linking CSS and JS, Comments, File Paths Relative and Absolute
Chapter 3: Basic HTML Tags & Text Formatting
Headings h1 to h6, Paragraphs, Bold Italic Underline, Line Breaks, Div vs Span, Block vs Inline Elements, Preformatted Text
Chapter 4: Links & Navigation
Anchor Tag, Internal and External Links, Email and Phone Links, Target Attribute, Navigation Menus, Bookmark Links
Chapter 5: Images & Multimedia
img Tag, alt Text, Responsive Images, Picture Tag, Audio and Video Embedding, iframe Embeds, HTML5 Media Controls
Chapter 6: Lists & Tables
Ordered Unordered Lists, Nested Lists, Definition Lists, Creating Tables, Table Rows and Cells, Merging Cells, Table Styling Basics
Chapter 7: HTML Forms
Form Structure, Input Types (text password email number date file), Labels, Textarea, Select Dropdown, Radio Checkbox, Submit Reset Buttons, Basic Validation
Chapter 8: Semantic HTML5 Tags
header nav section article aside footer, figure figcaption, main time mark, Importance of Semantic Structure, SEO Benefits
Chapter 9: HTML5 APIs
Audio Video API, Canvas Basics, Geolocation API, LocalStorage SessionStorage, Drag and Drop, Data Attributes
Chapter 10: Responsive HTML
Viewport Meta Tag, Mobile-first Layout, Responsive Text and Images, Display Control, Basic Media Queries in HTML
Chapter 11: Forms Advanced Concepts
Form Attributes (action method enctype), File Uploading, Built-in Validation, Pattern Attribute, Required Fields, Form Best Practices
Chapter 12: Accessibility in HTML
Alt Tags for Accessibility, ARIA Labels, Keyboard Navigation, Tab Index, Screen Reader Support, Semantic Accessibility Rules
Chapter 13: SEO Essentials in HTML
Title and Description Tags, Open Graph Tags, Robots Meta Tag, Proper Heading Usage, Image SEO, URL Structure Basics
Chapter 14: Basic Website Layout with HTML
Page Structure, Header and Footer Design, Navigation Layout, Sidebar Placement, Hero Section Creation, Multi-section Page Layouts
Chapter 15: HTML Components & Templates
Cards, Pricing Table, Testimonial Section, Contact Form UI, Gallery Section, Portfolio Layout, Service Boxes
Chapter 16: HTML Practice Activities
Create Resume Page, Create Product Listing Page, Build Simple Blog Layout, Build Contact Page with Form
Chapter 17: Building a Complete HTML Website
Homepage Layout, About Page, Services Page, Portfolio Section, Blog Template, Contact Page, Linking All Pages Together
Chapter 18: Hosting HTML Website
Preparing Project Files, Uploading to Hosting (cPanel), File Manager, Connecting Domain DNS, Testing Website Live
Chapter 19: Final HTML Mini Projects
Portfolio Website, Educational Website, Business Landing Page, Product Showcase Page, Multi-page Static Website Project