HTML

Course Image

HTML

HTML – Full Syllabus

Course Overview

This course introduces the fundamentals of HTML (HyperText Markup Language), the backbone of all web pages. Students will learn how to structure content, embed media, create forms, and build complete web pages. The course focuses on modern HTML5 standards.

Module 1: Introduction to HTML

What is HTML?

History and evolution

HTML vs CSS vs JavaScript

How the browser renders a web page

Setting up a code editor (VS Code, Sublime, etc.)

Creating your first HTML page

Module 2: HTML Document Structure

<!DOCTYPE html>

<html>, <head>, <body>

Page title and metadata

Character encoding

Comments

Module 3: Basic HTML Elements

Headings (<h1>–<h6>)

Paragraphs (<p>)

Line breaks & horizontal rules

Lists: ordered, unordered, nested

Text formatting tags:

<b>, <strong>, <i>, <em>, <mark>, <small>, etc.

Module 4: Links & Anchors

<a href=""> basics

Opening links in new tabs

Internal page navigation

Email & phone links

Linking to files and images

Module 5: Images & Multimedia

<img> tag and attributes

Responsive images

Adding audio (<audio>)

Embedding video (<video>)

Using <iframe> for external content (YouTube, maps)

Module 6: Tables

<table>, <tr>, <td>, <th>

Table headers and footers

Merging cells: rowspan, colspan

Basic table styling

Module 7: Forms

<form> basics

Form controls:

text input, password, number, date, email, file upload

radio buttons, checkboxes

drop-down lists (<select>)

Labels & placeholders

Buttons (<button>, input type="submit")

Form validation (HTML5 features)

Module 8: HTML5 Semantic Elements

<header>, <nav>, <section>, <article>, <aside>, <footer>

Importance of semantics

Search engine optimization (SEO) basics

Accessibility overview

Module 9: Block vs Inline Elements

Difference and use cases

Common block elements

Common inline elements

The <div> and <span> tags

Module 10: HTML5 APIs (Basic Intro)

Canvas API (conceptual)

Geolocation API

Web Storage (localStorage & sessionStorage)

Drag and Drop API

(Note: Full coding practice usually taught alongside JavaScript)

Module 11: Best Practices

Clean and readable code

Proper indentation and nesting

Using comments effectively

Accessibility guidelines (alt text, labels)

SEO-friendly structure

Module 12: Mini Projects

Students build complete HTML pages such as:

Personal portfolio webpage

Resume/CV webpage

Product landing page

Event registration form

Photo gallery page

Optional Add-Ons

(If you want to extend the syllabus)

Introduction to CSS

Introduction to JavaScript

Responsive design concepts

Hosting a website (GitHub Pages, Netlify)

Enroll in this Course