Lesson Plan

• Describe why proper alignment improves readability and professionalism of database reports.
• Explain the alignment rules for textual, numeric, and decimal data in tables.
• Apply HTML table attributes and techniques to right‑align numbers and align decimal points.
• Create a formatted sales report with correctly aligned columns, subtotals and a grand total.

• Computer lab with internet access
• Projector and screen
• HTML editor (e.g., Notepad++, VS Code)
• Worksheet containing sample sales data
• Printed handout of alignment rules and examples
• Calculators (optional)

Begin with a quick look at a real‑world business report where misaligned numbers cause confusion. Ask students to recall the previous lesson on creating HTML tables. Explain that by the end of the session they will be able to format tables so that all numeric data lines up neatly, meeting the success criteria of producing a clean, readable report.

1. Do‑Now (5') – Students examine a poorly aligned table and list three problems.
2. Mini‑lecture (10') – Review alignment rules; demonstrate HTML <table> with align="right" and the split‑cell method for decimal points.
3. Guided modelling (15') – Teacher creates a sample sales table on the projector, showing right‑aligned quantities and decimal alignment.
4. Pair activity (15') – Learners use the provided worksheet data to build their own HTML report, ensuring numeric columns are right‑aligned and decimals line up.
5. Check for understanding (5') – Quick quiz: match data type (text, integer, decimal) with correct alignment.
6. Wrap‑up (5') – Review key steps and answer lingering questions.

Recap the importance of alignment and the techniques demonstrated. For the exit ticket, each student writes one rule they will remember for aligning decimal numbers. Homework: create a separate HTML report with at least five items, applying both right‑alignment and decimal‑point alignment.