6. Webpage Design Flashcards

(55 cards)

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
Define Web Page
A document on the World Wide Web, written in HTML that can be viewed in a Web Browser
26
Define Web Site
A set of linked documents accessed by the World Wide Web
27
Define Attribute
A named field that appears inside an HTML Tag
28
Define Structure
Headings, Paragraphs, Line Breaks, Hypertext links, lists and Embedded Media
29
Define Style
A visual effect such as Text Colour, Font Size or Background colour
30
Define Type Selector
A Selector that is an HTML Tag
31
Define Selector
Selects which HTML elements are affected by different style
32
Define Type Selector
A selector that is an HTML tag. It targets every instance of an element
33
Define Class Selector
Used to select any HTML element that has a class atribute
34
Define Style Sheet
A collection of Rules about how to present the style of an HTML document
35
Example: Change a Font style (use H1)
H1 {font-style :italic} Options: normal, italic, oblique...
36
Example: change a Font weight (use H1)
H1 {font-weight: bold} Options: normal, bold, 400 ...
37
Example: change background colour (use H1)
H1 {background-color: green} Options: any colour
38
How does an HTML document begin
39
.
Goes at the top of webpage. Usually contains information about the web page.
40
.
Marks the beginning and the end of the HTML code
41
.
Everything that is placed in the webpage
42
.
Contains information about the webpage that is used for search engine optimisation. Stored inside .
43
.
Declares a Heading. H1 is biggest, H6 is smallest.
44
Example: change text alignment (use H1)
H1 {text-align: center} Options: Left, Right, Center
45
Example: Change Font (use H1)
H1 {font-family: Arial} Options: any font, although they will only work if installed on user Computer
46
Example: Change text size ( use H1)
H1 { font-size: 200%} Options: any number
47
Example: change foreground (such as text) colour (use H1)
H1 {color: green} Options: any colour
48
Define External Style Sheet
Stores the style properties for 1 or more webpages in an external CSS file
49
Define CSS
Cascading Style Sheets
50
Example: Embedded style in HTML
tags :
51
Example: embed an External style sheet into HTML
52
What are 3 colour shemes
Monochromatic Analogous Complementary
53
Define Monochromatic Colour Scheme
Derived from a single base colour, only using shades and tints of the original
54
Define Analogous Colour Scheme
Use any 3 colours that are side by side on a colour wheel
55
Define Complementary Colour Scheme
Use colours that are opposite each other on the colour wheel