6. Webpage Design Flashcards

1
Q

Define HTML

A

Hypertext Markup Language. This language is used to build webpages

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

A

Paragraphs. Used for normal text on the webpage

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q


A

Line break

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q
A

Starts and ends an Ordered (numbered) list

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

.

A

Starts and ends an Unordered (bullet point) List

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

.

A

Goes around items in the list

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q
A

Creates a divide in the page, and stores the contents of it

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q
A

Breaks page into sections without making new lines. Inline tag

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q
A

Starts and ends an Ordered (numbered) list

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q
A

Starts and ends an Unordered (bullet point) List

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

*

A

Goes around items in the list

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

.

A

Creates a divide in the page, and stores the contents of it

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

.

A

Makes Text bold. Inline tag

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

.

A

Breaks page into sections without making new lines. Inline tag

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

.

A

Makes text Italic. Inline tag

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

.

A

Creates a Link (anchor)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
17
Q

Example of Link

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
18
Q

Example of Image

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
19
Q
A

Creates a comment in the code

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
20
Q

Define Homepage

A

The starting page for a website, often containing links to other parts

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
21
Q

Define Hyperlink

A

A link from 1 Hypertext page to another

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
22
Q

Define Hypertext

A

A body of graphics and/ or text stored in a machine-readable structure so that a reader can cross-refer between related items of information

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
23
Q

Define Source

A

The HTML code used to create a webpage

24
Q

Define Web Browser

A

Software that displays a website by rendering the HTML elements

25
Q

Define Web Page

A

A document on the World Wide Web, written in HTML that can be viewed in a Web Browser

26
Q

Define Web Site

A

A set of linked documents accessed by the World Wide Web

27
Q

Define Attribute

A

A named field that appears inside an HTML Tag

28
Q

Define Structure

A

Headings, Paragraphs, Line Breaks, Hypertext links, lists and Embedded Media

29
Q

Define Style

A

A visual effect such as Text Colour, Font Size or Background colour

30
Q

Define Type Selector

A

A Selector that is an HTML Tag

31
Q

Define Selector

A

Selects which HTML elements are affected by different style

32
Q

Define Type Selector

A

A selector that is an HTML tag. It targets every instance of an element

33
Q

Define Class Selector

A

Used to select any HTML element that has a class atribute

34
Q

Define Style Sheet

A

A collection of Rules about how to present the style of an HTML document

35
Q

Example: Change a Font style (use H1)

A

H1 {font-style :italic} Options: normal, italic, oblique…

36
Q

Example: change a Font weight (use H1)

A

H1 {font-weight: bold} Options: normal, bold, 400 …

37
Q

Example: change background colour (use H1)

A

H1 {background-color: green} Options: any colour

38
Q

How does an HTML document begin

A
39
Q

.

A

Goes at the top of webpage. Usually contains information about the web page.

40
Q

.

A

Marks the beginning and the end of the HTML code

41
Q

.

A

Everything that is placed in the webpage

42
Q

.

A

Contains information about the webpage that is used for search engine optimisation. Stored inside .

43
Q

.

A

Declares a Heading. H1 is biggest, H6 is smallest.

44
Q

Example: change text alignment (use H1)

A

H1 {text-align: center} Options: Left, Right, Center

45
Q

Example: Change Font (use H1)

A

H1 {font-family: Arial} Options: any font, although they will only work if installed on user Computer

46
Q

Example: Change text size ( use H1)

A

H1 { font-size: 200%} Options: any number

47
Q

Example: change foreground (such as text) colour (use H1)

A

H1 {color: green} Options: any colour

48
Q

Define External Style Sheet

A

Stores the style properties for 1 or more webpages in an external CSS file

49
Q

Define CSS

A

Cascading Style Sheets

50
Q

Example: Embedded style in HTML

A

tags :

51
Q

Example: embed an External style sheet into HTML

A
52
Q

What are 3 colour shemes

A

Monochromatic Analogous Complementary

53
Q

Define Monochromatic Colour Scheme

A

Derived from a single base colour, only using shades and tints of the original

54
Q

Define Analogous Colour Scheme

A

Use any 3 colours that are side by side on a colour wheel

55
Q

Define Complementary Colour Scheme

A

Use colours that are opposite each other on the colour wheel