Skip to content
Marlbridge

Flashcards · 9210 · Topic 8

Web page design flashcards

11 cards on Topic 8. Pick a subtopic or study them all.

Study mode needs JavaScript. Every card is listed below, so you can still cover the answers and test yourself.

All 11 cards

For a quick read-through or printing. Cover the right-hand side to test yourself.

Topic 8: Web page design

What is the difference between HTML and CSS?
HTML (hypertext markup language) describes the structure and content of a page. CSS (cascading style sheets) describes how it looks: colours, fonts and layout.
What are the head and body sections of an HTML page for?
Head: information about the page that is not shown in the main window, such as the title and links to style sheets. Body: the content displayed in the browser.
Which HTML elements are used for headings, paragraphs and lists?
h1 to h6 for headings (most to least important), p for a paragraph, ul for an unordered list, ol for an ordered list and li for each list item.
Which HTML elements create a hyperlink and an image, and which attributes do they need?
a creates a link, with href giving the destination. img inserts an image, with src giving the file and alt giving a text description.
Why should every image have alt text?
It is displayed if the image does not load and is read out by screen readers for visually impaired users.
What are the parts of a CSS rule?
A selector, which says which elements to style, and a declaration block in curly brackets holding property: value pairs, each ending with a semicolon.
What is the difference between a type selector and a class selector in CSS?
Type selector (h1): styles every element of that type. Class selector (.price): styles any element with class="price". These are the two selector kinds named in the 9210 specification.
Which CSS properties does the 9210 specification list?
background-color, color, text-align, font-family, font-size, font-weight and font-style. A rule is written selector { property : value }.
Where is CSS placed in 9210 exam questions?
In an embedded style sheet: a style element inside the page. Exam questions only use embedded style sheets.
Give three key differences between HTML5 and earlier versions of HTML
Any three: supports facilities previously needing add-ons; better support for web applications through scripting and new APIs; easier graphics and multimedia with the svg, canvas, audio and video tags; new semantic elements such as header and article.
Server-side vs client-side scripting
Server-side scripts run on the web server to generate pages dynamically. Client-side scripts run in the browser to add extra functionality to a page.