Web Technology and Multimedia (HTML and Web Page Design)
This domain tests HTML document structure, common tags and attributes, tables, forms, links, and the basic properties of multimedia formats.
Document structure
<html> wraps <head> (metadata, <title>) and <body> (visible content). In HTML5 tags are lowercase and most need a closing tag; <br> and <hr> are empty elements.
Core tags
Headings <h1>–<h6>; paragraphs <p>; lists <ul>/<ol> with <li>; links <a href="page.html">; images <img src="x.jpg" alt="text">; tables <table>, <tr>, <th>, <td> with colspan and rowspan; forms <form action="..." method="post"> holding <input>, <select>, <textarea>, <button>. The name attribute is what gets submitted; id is for styling and scripting.
Worked example
<table border="1">
<tr><th colspan="2">Marks</th></tr>
<tr><td>Math</td><td>90</td></tr>
</table>
The header row has one cell spanning two columns (colspan="2"), so it aligns over both data columns below. Without it the header row would need two separate cells to line up.
Multimedia
Images: JPEG (lossy, photographs), PNG (lossless, transparency), GIF (256 colours, animation). Audio: MP3 (lossy), WAV (uncompressed). Video: MP4, AVI. Lossy compression discards detail the eye or ear barely notices; lossless keeps all data and only re-encodes.
Traps
Omitting alt on img; using GET for sensitive data; putting <li> outside a list; confusing colspan (columns) with rowspan (rows); claiming JPEG is lossless.