Brainscape's Knowledge GenomeTM

Browse over 1 million classes created by top students, professors, publishers, and experts.


See full index

Computing Yr 8 > HTML and CSS > Flashcards

HTML and CSS Flashcards

1
Q

HTML

A

HTML is an interpreted language, used to describe the format and content of a webpage to a web browser. It uses tags as commands and each tag usually has additional attributes e.g.

is the tag
Width is an attribute
Height is an attribute

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

<p> </p>

A

Paragraph

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

<br></br>

A

Line break

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

Table

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

Table row

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

Table column

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

<h1></h1>

A

Heading 1

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

<img></img>

A

Include an image

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

<a>displayed link</a>

A

Hyperlink to a new page

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

<div></div>

A

Section of the document

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

<ol></ol>

n

A

Ordered/numbered list

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

<ul></ul>

A

Unordered list

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

<li>
</li>

A

List item

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

Defines the document type

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

Defines a comment

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

<a></a>

A

Defines a hyperlink

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

<b></b>

A

Defines bold text

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

Defines a documents body

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

A footer section in a document

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

Defines header for a document or section

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

Defines the root of a html document

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

<img></img>

A

Defines an image

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

Defines navigation links

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

CSS

Background-color

A

determines the colour of the background, can be specified as a named colour (e.g. red) or as red/green/blue in hex 6 digit number (e.g. A6F2CC)

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

CSS

Text-color

A

determines the colour of the font

26
Q

CSS

Text-align

A

justifies the text

27
Q

CSS

Float (left or right)

A

positions the div element to the right or left of the surrounding element

28
Q

CSS

Border

A

colours and styles the border

29
Q

CSS

align-content

A

Specifies the alignment between the lines inside a flexible container when the items do not use all available space

30
Q

CSS

align-items

A

Specifies the alignment for items inside a flexible container

31
Q

CSS

Align-self

A

Specifies the alignment for selected items inside a flexible container

32
Q

CSS

background-attachment

A

Defines whether or not the back face of an element should be visible when facing the user

33
Q

CSS

Background-blend-mode

A

Specifies the blending mode of each background layer (color/image)

34
Q

CSS

Background-clip

A

Defines how far the background (color or image) should extend within an element

35
Q

CSS

background-image

A

Specifies one or more background images for an element

36
Q

CSS

background-origin

A

Specifies the origin position of a background image

37
Q

CSS

Background-position

A

Specifies the position of a background image

38
Q

CSS

background-repeat

A

Sets if/how a background image will be repeated

39
Q

CSS

background-size

A

Specifies the size of the background images

40
Q

CSS

border-bottom

A

A shorthand property for border-bottom-width, border-bottom-style and border-bottom-color

41
Q

CSS

border-bottom-color

A

Sets the color of the bottom border

42
Q

CSS

border-bottom-left-radius

A

Defines the radius of the border of the bottom-left corner

43
Q

CSS

Border-bottom-style

A

Sets the style of the bottom border

44
Q

CSS

border-bottom-width

A

Sets the width of the bottom border

45
Q

CSS

Color

A

Sets the color of text

46
Q

CSS

columns

A

A shorthand property for column-width and column-count

47
Q

CSS

direction

A

Specifies the text direction/writing direction

48
Q

CSS

float

A

Specifies whether or not a box should float

49
Q

CSS

font

A

A shorthand property for the font-style, font-variant, font-weight, font-size/line-height, and the font-family properties

50
Q

CSS

font-family

A

Specifies the font family for text

51
Q

CSS

font-size

A

Specifies the font size of text

52
Q

CSS

font-style

A

Specifies the font style for text

53
Q

CSS

justify-content

A

Specifies the alignment between the items inside a flexible container when the items do not use all available space

54
Q

CSS

width

A

Sets the width of an element

55
Q

Inline CSS

A

<h1>

| This is called inline CSS because it is directly within the HTML</h1>

56
Q

Embedded CSS

A

in the style tags in the head section

h1 {color: blue;}

The purpose of this is to separate the content (the words on your webpage and images), from the style (where they are positioned, the font you use, font size, colours)

57
Q

What makes a good web design?

A 
Limited colour palette
Maximum 3 colours (+ black & white)
Limited font selection
Maximum 3 different font styles
Common interface across all pages
All pages in a site look similar with a similar layout
Navigation bar
Helps to find your way around the site
58
Q

.bmp

A

Used for larger images, this file is the default type for paint files

59
Q

.jpg

A

This file is usually high quality images such as photographs, but they can be quite large files. Jpg files fo not support transparency.

60
Q

.gif

A

These tend to be “cartoony” images. But the format allows layering of different images to produce an animation.

61
Q

.png

A

These are vector images and tend to be a compromise between the high quality jpg files and low quality gif images. PNG files support transparency.

Computing Yr 8 (5 decks)

Brainscape helps you reach your goals faster, through stronger study habits.
© 2024 Bold Learning Solutions. Terms and Conditions