HTML and Web Page Design
HTML and Web Page Design
This domain tests the structure of an HTML document, common tags and attributes, lists, links, images, tables and simple forms. Expect questions on nesting and on choosing the correct attribute.
Core rules
- Document skeleton: , , for metadata and , and <body> for visible content.</li>
<li>Headings run from <h1> to <h6>; paragraph is <p>; line break is <br>; horizontal rule is <hr>; emphasis uses <em> or <strong>.</li>
<li>Links use <a href='URL'>text</a>; images use <img src='file.jpg' alt='description'>. The alt text supports accessibility.</li>
<li>Lists: <ul> is unordered with <li>; <ol> is ordered with <li>; <dl> is a description list with <dt> and <dd>.</li>
<li>Tables use <table>, <tr>, <th> and <td>; a <caption> gives the table a title.</li>
<li>Forms use <form>, <input>, <label>, <select>, <textarea> and <button>; the name attribute is what the server receives.</li>
<li>CSS can be inline in a style attribute, internal inside <style> in the head, or external in a linked .css file; external CSS is reused across pages.</li>
</ul>
<h3>Worked example</h3>
<p>Create a page with a title, one heading, a paragraph and a link to the school site.</p>
<!DOCTYPE html>
<html>
<head><title>School
Our School
Welcome to our website.
Visit the school site Reasoning: the title belongs in the head, visible content belongs in the body, and href holds the destination. The link text sits between the opening and closing tags.Traps
- Closing tags in the wrong order break nesting.
- Using src for a link or href for an image is a common swap.
- A table row must contain cells; text directly inside
is invalid. - HTML collapses multiple spaces; use CSS deliberately, not repeated spaces.
- Missing alt text loses accessibility marks.
- An external stylesheet must be linked in the head, not merged into the body.