Brainscape's Knowledge GenomeTM


Top Flashcards (Certified)
All Flashcards

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
What are the 5 types of positioning?
1. Static 2. Relative 3. Absolute 4. Fixed 5. Inherit
26
What is the z-index?
Defines the stacking order
27
How do you declare a language in HTML5?
< html lang="en-US" > | Before the head
28
What 2 attributes are common in meta tags?
name | content
29
What are the 4 principles of design?
1. Proximity 2. Alignment 3. Contrast 4. Repitition
30
What is the proximity principle?
Group related elements together
31
What is the alignment principle?
Nothing should be placed arbitrarily
32
What is the repetition principle?
Repeat some aspect of design to unify and add visual interest
33
What is the principle of contrast?
If two items are not exactly the same, then make them distinct (very different)
34
What is the golden ratio?
1.618 (1.62)
35
Rule of Thirds
Divide content into thirds, 2/3 content 1/3 whitespace
36
How do you add the @media rule?
@media screen and (min-width: 600px) { }
37
What are transitions?
They allow property changes in CSS to occur smoothly over a specified duration
38
What are the 2 minimum properties for a transition?
Transition and Duration
39
What is the optional third property for transitions?
transition-timing-function
40
What are the 6 options for transition-timing-function?
1. Ease 2. Linear 3. Ease in 4. Ease out 5. Ease in out 6. Cubic bezier
41
What is the optional fourth property for transition?
Delay
42
What are three states transitions can use?
a: focus a: active a: hover
43
What do transforms do?
Allow you to rotate, scale, skew, and move elements
44
What is the difference between transitions and animations?
Animations do not require a change in state
45
What makes a page worthy of a search result?
Good content | Linkable content
46
What are the 4 main categories for SEO?
1. Keywords 2. Links 3. Content 4. Site Structure
47
Which type of keywords are best to focus on?
Long tail keywords
48
Which meta tag is used for the snippet under a search result?
description
49
What meta tag is needed to implement dynamic web pages?
< meta name="viewport" content="device-width, initial-scale=1.0" >
50
In transform, what method moves an element from its current position?
translate()
51
What does 'em' depend on?
The size of its parent
52
What are the 4 options for MEDIA TYPES
1. All 2. Print 3. Screen 4. Speech
53
What are the 2 parts of animation?
Define animation | Assign to element
54
Which attribute of an < a > tag adds info to the tool tip when a mouse hovers over it?
title

Exams (4 decks)

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