m1-1-0921 Flashcards

1
Q

Where do you put non-visible content about the HTML document?

A

In the element.

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

Where do you put visible content about the HTML document?

A

In the element.

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

Where do the and tags go in a valid HTML document?

A

In between the opening tag and the closing tag.

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

What is the purpose of the declaration?

A

To inform the browser that the document is a html document.

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

Give five examples of HTML element tags.

A

<p>, <strong>, <h1>, <div>, and </div></h1></strong></p>

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

What is the purpose of HTML attributes?

A

To provide additional information about the elements.

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

Give an example of an HTML entity(escape character).

A

Double quotation marks: &quot.

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

How do block-level elements affect the document flow?

A

Block-level elements take up the whole space from left to right.

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

How do inline elements affect the document flow?

A

Inline elements take up the content space in-between the elements.

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

What are the default width and height of a block-level element?

A

The default width is the width of the web page and default height is the height of the content in the element.

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

What are the default width and height of an inline element?

A

The default width and height of an inline element is the space of the content within the element.

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

What is the difference between an ordered list and an unordered list in HTML?

A

An ordered list lists the content numerically, and an unordered list, lists content by bullet points.

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

Is an HTML list a block element or an inline element?

A

An HTML list is a block element.

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

What HTML tag is used to link to another website?

A

The <a> tag.</a>

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

What is an absolute URL?

A

An absolute URL is a file path that points to another website.

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

What is a relative URL?

A

A relative URL is a path that points to a file within a website.

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

How do you indicate the relative link to a parent directory?

A

One level above, two periods and a forward slash, followed by the file name: ../index.html

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

How do you indicate the relative link to a child directory?

A

Indicate the name of the child folder, forward slash, then file name. directoryfile/index.html.

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

How do you indicate the relative link to a grand parent directory?

A

Two levels above, by adding another level with a set of ../../ followed by the filename. ../../index.html.

20
Q

How do you indicate the relative link to the same directory?

A

Since located in same folder, just list the file name. index.html.

21
Q

What is the purpose of an HTML form element?

A

To designate a document section of an HTML document for submitting information.

22
Q

Give five examples of form control elements.

A

Button, label, select, textarea, input.

23
Q

Give three examples of type attributes for HTML elements.

A

Button, email, image, radio, text.

24
Q

Is an HTML element a block element or an inline element?

A

Inline

25
Q

What is the primary HTML elements for creating tables?

A

table, tr, td, thead, th, tbody

26
Q

What purpose do the thead and tbody elements serve?

A

The thead defines a set of rows defining the head of the columns of the table. Tbody, encapsulates a set of table rows, indicating that they comprise the body of the table.

27
Q

Give two examples of data that would lend itself well to being displayed in a table.

A

Tracking numerical information, and tracking objects.

28
Q

What are the names of the individual pieces of a CSS rule?

A

CSS rule-set, selector, id, class, declaration block, property, and value.

29
Q

In CSS, how do you select elements by their class attribute?

A

With a period followed by the selector.

30
Q

In CSS, how do you select elements by their type?

A

With the element tag name.

31
Q

In CSS, how do you select an element by its id attribute?

A

With a pound symbol followed by the selector.

32
Q

Name three different types of values you can use to specify colors in CSS.

A

RGB values, hex codes, and color name.

33
Q

What CSS properties make up box model?

A

padding, border, and margin.

34
Q

Which CSS property pushes boxes away from each other?

A

Margin

35
Q

Which CSS property adds space between a box’s content and its border?

A

Padding

36
Q

What is a pseudo-class?

A

A keyword added to a selector that specifies a special state of the selected elements.

37
Q

What are CSS pseudo-classes useful for?

A

Pseudo-classes are useful for changing user interactions and characteristics of a webpage.

38
Q

Name at least two units of type size in CSS.

A

px, em, rem, %.

39
Q

What css property controls the font used for the text inside an element?

A

Font-family

40
Q

What are the four components for the “cascade”?

A

Source order, inheritance, specificity, and !important.

41
Q

What does the term “source order” mean with the respect to css?

A

The order that css rules are written in the stylesheet. If a selector, id, or class are the same, then the element that was input last takes precedence.

42
Q

How is it possible for the styles of an element to be applied to their children as well without an additional css rule?

A

The child elements are assigned based on the computed value of the property on the parent element.

43
Q

List three selector types in order of increasing specificity.

A

Universal tag, tag selector, class selector, then id selector.

44
Q

Why is using !important considered bad practice.

A

Using !important is considered bad practice due to it potentially making it more difficult to find a root issue.

45
Q

What is the default flex-direction of a flex container?

A

Row or left to right.

46
Q

What is the default flex-wrap of a flex container?

A

no wrap or trying to fit all on one line.