Forms, Media, Tables, Links and CSS
Class 10 Interactive Learning Workbook: Master HTML forms, textboxes, radio buttons, checkboxes, dropdown lists, audio and video embedding, tables, hyperlinks, and modern CSS styling across 10 structured modules.
Course Chapters & Learning Modules
Total 10 interactive modules with guided checkpoint challenges.
Module 1: Forms and User Input
Understand the fundamental purpose of HTML forms, user input collection, interactive web controls, labels, and safe data handling practices.
Module 2: Textboxes and Password Controls
Master textboxes for capturing single-line text and password controls for masking sensitive characters, along with security best practices.
Module 3: Radio Buttons and Checkboxes
Learn how to present structured options using single-choice radio buttons and multi-choice checkboxes, and how to group options properly.
Module 4: Lists and Combo Boxes in Forms
Explore dropdown combo boxes and scrollable lists using <select> and <option> tags to conserve screen space and eliminate typing mistakes.
Module 5: Embedding Audio in a Web Page
Explore the HTML5 <audio> element, audio sources and formats, user playback controls, copyright laws, and accessibility transcripts.
Module 6: Embedding Video in a Web Page
Learn how to embed video content with <video>, adjust dimensions with width and height, manage file sizes, add captions, and protect privacy.
Module 7: Tables with Rows and Cells
Structure tabular information using HTML tables, table rows (<tr>), header cells (<th>), data cells (<td>), and captions for clarity.
Module 8: Rowspan, Colspan and Useful Links
Combine table cells horizontally and vertically with colspan and rowspan, and connect pages and email contacts using anchor (<a>) links.
Module 9: CSS Colours, Borders, Space and Size
Discover Cascading Style Sheets (CSS) fundamentals: text and background colors, border styles, margins, padding, and element dimensions.
Module 10: CSS Fonts, Alignment, Float and a Mini Project
Refine typography with font-family and font-size, align text, wrap content with float, and assemble a complete web project integrating forms, media, tables, links, and CSS.
Learn With Pragati AI Today
Adopt your interactive companion, write live code, and earn verifiable school credentials.