Web Design & DevelopmentClasses 10–10180 min

HTML Foundations and Basic Page Design

Class 10 Interactive Learning Workbook: Master HyperText Markup Language (HTML), document structure (html, head, title, body), body appearance attributes, line breaks, horizontal rules, comments, headings (h1-h6), paragraphs, text formatting (b, i, u), lists (ul, ol, dl), font styling, images, superscripts, and subscripts across 10 structured modules.

Course Chapters & Learning Modules

Total 10 interactive modules with guided checkpoint challenges.

1

Module 1: Meet HTML

Discover HyperText Markup Language (HTML), how tags give meaning and structure to web documents, and how browsers parse and display page content.

Open Chapter →
2

Module 2: Create, Save and Open an HTML Document

Learn the foundational development workflow: writing code in a plain text editor, saving with the .html extension, and viewing live results in a web browser using the edit-save-refresh cycle.

Open Chapter →
3

Module 3: The HTML Document Structure

Master the standardized architectural skeleton of every webpage: <!DOCTYPE html>, <html>, <head>, <title>, and <body>.

Open Chapter →
4

Module 4: Body Attributes and Page Appearance

Explore HTML attributes on the <body> tag: text, bgcolor, background, link, vlink, and alink, while understanding visual contrast and the shift toward modern CSS styling.

Open Chapter →
5

Module 5: Line Breaks, Horizontal Rules and Comments

Master empty formatting elements and code notes: <br> for line breaks, <hr> for horizontal section dividers, and <!-- comments --> for developer documentation.

Open Chapter →
6

Module 6: Headings and Paragraphs

Master document hierarchy and readability: structural heading levels from <h1> (highest) to <h6> (smallest), and organized paragraphs using <p>.

Open Chapter →
7

Module 7: Bold, Italic and Underlined Text

Apply basic typographic formatting: bold (<b>), italic (<i>), and underline (<u>) to emphasize key terms, book titles, and instructions with purpose.

Open Chapter →
8

Module 8: Unordered and Ordered Lists

Organize items systematically: bulleted unordered lists (<ul>), numbered sequential ordered lists (<ol>), and list items (<li>), with type and start attributes.

Open Chapter →
9

Module 9: Description Lists and Font Tags

Master term-definition pairs with Description Lists (<dl>, <dt>, <dd>) and explore character styling attributes (face, size, color) using the <font> tag.

Open Chapter →
10

Module 10: Images, Superscript, Subscript and a Mini Page

Embed multimedia graphics (<img> with src, alt, width, height), format mathematical powers (<sup>) and chemical formulas (<sub>), build a complete mini webpage, and complete the Topic 3 Checkpoint Exam.

Open Chapter →

Learn With Pragati AI Today

Adopt your interactive companion, write live code, and earn verifiable school credentials.