Brainscape's Knowledge GenomeTM

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


See full index

Exams > Web Design Exam > Flashcards

Web Design Exam Flashcards

1
Q

What does HTML stand for?

A

Hypertext Markup Language

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

What are the 4 rules of XHTML 1.0

A
  1. Close all tags
  2. All tags lowercase
  3. All attributes in quotes
  4. All tags properly nested
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

What is the first line in an HTML5 page?

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

< hr >

A

Horizontal rule or line tag

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

What is the syntax for adding an image?

A

< img src’“file.jpg” alt=”alternative name” >

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

How do you make font bold?

A

< strong > tag

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

What are the two tags for making lists?

A

< ol >

< ul >

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

Where does the < title > tag go?

A

The head

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

How do you add a link?

A

< a href=”url.com” > < /a >

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

What has to be added to an anchor tag to make a webpage open in a new tab?

A

target=”_blank”

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

How do you link an email?

A

href=”mailto:email@email.com”

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

How to you link a phone number?

A

href=”tel:5551234567”

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

What do you add to the stylesheet to make sure HTML5 elements are displayed properly on old browsers?

A

display: block;

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

How do you specify class in CSS?

A

.classname

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

How do you specify id in CSS?

A

idname

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

What is the shorthand for specifying margin?

A

margin: top, right, bottom left

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

What is the syntax for adding borders?

A

border: width style color

ex. border: 1px solid red;

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

What is the order of elements in the box model from the inside out?

A

content - padding - border - margin

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

How do block elements work?

A

Start on a new line and take up entire width available

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

How do inline elements work?

A

Rendered where they occur and only take up as much space as necessary

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

Which element should you add a float to?

A

The first in the code

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

What line of code should always be added when using float?

A

Overflow: auto;

23
Q

What is the syntax for a text shadow?

A

text-shadow: horizontal vertical colour

ex. text-shadow: 2px 2px #333;

24
Q

What is the syntax for box-shadow?

A

box-shadow: horizontal vertical blur colour

25
Q

What are the 5 types of positioning?

A
  1. Static
  2. Relative
  3. Absolute
  4. Fixed
  5. Inherit
26
Q

What is the z-index?

A

Defines the stacking order

27
Q

How do you declare a language in HTML5?

A

< html lang=”en-US” >

Before the head

28
Q

What 2 attributes are common in meta tags?

A

name

content

29
Q

What are the 4 principles of design?

A
  1. Proximity
  2. Alignment
  3. Contrast
  4. Repitition
30
Q

What is the proximity principle?

A

Group related elements together

31
Q

What is the alignment principle?

A

Nothing should be placed arbitrarily

32
Q

What is the repetition principle?

A

Repeat some aspect of design to unify and add visual interest

33
Q

What is the principle of contrast?

A

If two items are not exactly the same, then make them distinct (very different)

34
Q

What is the golden ratio?

A

1.618 (1.62)

35
Q

Rule of Thirds

A

Divide content into thirds, 2/3 content 1/3 whitespace

36
Q

How do you add the @media rule?

A

@media screen and (min-width: 600px) { }

37
Q

What are transitions?

A

They allow property changes in CSS to occur smoothly over a specified duration

38
Q

What are the 2 minimum properties for a transition?

A

Transition and Duration

39
Q

What is the optional third property for transitions?

A

transition-timing-function

40
Q

What are the 6 options for transition-timing-function?

A
  1. Ease
  2. Linear
  3. Ease in
  4. Ease out
  5. Ease in out
  6. Cubic bezier
41
Q

What is the optional fourth property for transition?

A

Delay

42
Q

What are three states transitions can use?

A

a: focus
a: active
a: hover

43
Q

What do transforms do?

A

Allow you to rotate, scale, skew, and move elements

44
Q

What is the difference between transitions and animations?

A

Animations do not require a change in state

45
Q

What makes a page worthy of a search result?

A

Good content

Linkable content

46
Q

What are the 4 main categories for SEO?

A
  1. Keywords
  2. Links
  3. Content
  4. Site Structure
47
Q

Which type of keywords are best to focus on?

A

Long tail keywords

48
Q

Which meta tag is used for the snippet under a search result?

A

description

49
Q

What meta tag is needed to implement dynamic web pages?

A

< meta name=”viewport” content=”device-width, initial-scale=1.0” >

50
Q

In transform, what method moves an element from its current position?

A

translate()

51
Q

What does ‘em’ depend on?

A

The size of its parent

52
Q

What are the 4 options for MEDIA TYPES

A
  1. All
  2. Print
  3. Screen
  4. Speech
53
Q

What are the 2 parts of animation?

A

Define animation

Assign to element

54
Q

Which attribute of an < a > tag adds info to the tool tip when a mouse hovers over it?

A

title

Exams (4 decks)

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