9-10 Digital Technologies: Representing online documents Hangman

The 16 key terms

1content, structure, presentation

The three layers of a web page: content is the text and media, structure is the HTML that labels each part, and presentation is the CSS that controls how it looks.

2HTML

The language that defines the structure and content of a webpage using tags and elements, not appearance.

3<!DOCTYPE html>

The declaration that must appear on the very first line of every HTML file, telling the browser the document uses modern HTML.

8href

An attribute on the <a> element that specifies the URL destination of the hyperlink. Without href, the link has no destination to navigate to.

9attribute

Extra information added to an HTML opening tag as a name="value" pair, such as class="header" or href="page.html".

10<main>

The HTML5 semantic element that wraps the unique primary content of a page. There should be only one <main> per page.

11<link>

A self-closing HTML element placed in <head> that connects an external CSS file. Its rel attribute must be "stylesheet" and href provides the file path.

13class

An HTML attribute that assigns CSS class names to an element. The same class can be reused on many elements for shared styling.

14.classname

A CSS selector that targets every element whose class attribute matches classname, written with a leading dot

15#rrggbb

A CSS hex colour code. Six hexadecimal digits (0–9 and A–F) define red, green and blue channels. Shorthand: #rgb uses one digit per channel.

16font-family

A CSS property that sets the typeface for text, accepting a prioritised list of font names with a generic fallback such as serif or sans-serif

17<link rel="stylesheet" href="dark.css">

Change which stylesheet this tag points to and the same HTML looks totally different, because presentation lives in the CSS file, not in the content.

18separation of concerns

Keeping content, structure (HTML) and style (CSS) apart so one document can be restyled fast, suit any screen, and be understood by search engines and screen readers.

19h1, h2, h3

Heading tags that nest in order with no skipped levels: one h1 for the page title, h2 for sections, h3 for subsections. This forms an outline that people and screen readers can navigate.

20Markdown

A way to mark structure in plain text using symbols, like # for a heading, - for a list item and ** for bold. The text is later converted into HTML.

21paragraph style

A named set of formatting, like Heading 1 or Normal, that labels what a paragraph is. Edit the style once and every paragraph using that style changes at once.