HTML and Web Page Design
What the exam tests
HTML5 document structure, semantic elements, links, images, tables, forms, and accessible page design.
Core rules
- Start with , then , and .
- holds metadata, title and linked CSS; visible content goes in .
- Use semantic tags: header, nav, main, section, article, aside, footer.
- Images need alt text; links need meaningful text; forms need labels tied with for/id.
- Relative paths are resolved from the current file; absolute URLs include scheme and host.
- Validate markup and test in more than one browser.
Worked example
Email Send Reasoning: the label's for matches the input id, so clicking the label focuses the field; type="email" gives browser validation; required blocks empty submission; method="post" suits data that changes state. A GET form would expose data in the URL.Traps
Do not use tables for layout. Do not omit alt. Do not nest a form inside another form. Do not use
for paragraph spacing. Unclosed tags break structure. A missing name attribute means the field value is not submitted.