Web Technology: HTML, Web Design and Cyber Safety
Web Technology: HTML, Web Design and Cyber Safety tests HTML document structure, common tags, attributes, forms, basic styling and safe online behaviour.
Core rules
An HTML document has , , and . The head contains metadata, title and linked CSS; the body contains visible content. Common tags include headings h1–h6, paragraph p, line break br, horizontal rule hr, anchor a, image img, list ul/ol/li, table table/tr/th/td, and form form/input/label/select/textarea. Attributes include href for links, src and alt for images, and type, name and value for form controls. CSS can be inline, internal or external. Good web design uses readable contrast, consistent navigation, alternative text, responsive layout and valid markup. Cyber safety includes strong unique passwords, two-factor authentication, checking URLs, avoiding suspicious attachments, using HTTPS and not sharing personal data.
Worked example
The anchor creates a hyperlink to the URL in href. The img tag displays logo.png; src gives the file path and alt gives text if the image fails or a screen reader is used. Nesting the img inside the anchor makes the image clickable.
Traps
href is for links; src is for embedded resources. Every img should have alt text. GET puts data in the URL and is unsuitable for passwords; POST sends data in the request body. Unclosed tags can break layout. HTTPS encrypts traffic but does not guarantee that a site is honest. Never click shortened or mismatched links in unsolicited messages.