m1-1-0921

Question 1

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

Answer 1

In the element.

Question 2

Where do you put visible content about the HTML document?

Answer 2

In the element.

Question 3

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

Answer 3

In between the opening tag and the closing tag.

Question 4

What is the purpose of the declaration?

Answer 4

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

Question 5

Give five examples of HTML element tags.

Answer 5

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

Question 6

What is the purpose of HTML attributes?

Answer 6

To provide additional information about the elements.

Question 7

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

Answer 7

Double quotation marks: &quot.

Question 8

How do block-level elements affect the document flow?

Answer 8

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

Question 9

How do inline elements affect the document flow?

Answer 9

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

Question 10

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

Answer 10

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

Question 11

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

Answer 11

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

Question 12

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

Answer 12

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

Question 13

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

Answer 13

An HTML list is a block element.

Question 14

What HTML tag is used to link to another website?

Answer 14

The <a> tag.</a>

Question 15

What is an absolute URL?

Answer 15

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

Question 16

What is a relative URL?

Answer 16

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

Question 17

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

Answer 17

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

Question 18

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

Answer 18

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

Question 19

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

Answer 19

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

Question 20

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

Answer 20

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

Question 21

What is the purpose of an HTML form element?

Answer 21

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

Question 22

Give five examples of form control elements.

Answer 22

Button, label, select, textarea, input.

Question 23

Give three examples of type attributes for HTML elements.

Answer 23

Button, email, image, radio, text.

Question 24

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

Answer 24

Inline

Question 25

What is the primary HTML elements for creating tables?

Answer 25

table, tr, td, thead, th, tbody

Question 26

What purpose do the thead and tbody elements serve?

Answer 26

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.

Question 27

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

Answer 27

Tracking numerical information, and tracking objects.

Question 28

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

Answer 28

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

Question 29

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

Answer 29

With a period followed by the selector.

Question 30

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

Answer 30

With the element tag name.

Question 31

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

Answer 31

With a pound symbol followed by the selector.

Question 32

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

Answer 32

RGB values, hex codes, and color name.

Question 33

What CSS properties make up box model?

Answer 33

padding, border, and margin.

Question 34

Which CSS property pushes boxes away from each other?

Answer 34

Margin

Question 35

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

Answer 35

Padding

Question 36

What is a pseudo-class?

Answer 36

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

Question 37

What are CSS pseudo-classes useful for?

Answer 37

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

Question 38

Name at least two units of type size in CSS.

Answer 38

px, em, rem, %.

Question 39

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

Answer 39

Font-family

Question 40

What are the four components for the "cascade"?

Answer 40

Source order, inheritance, specificity, and !important.

Question 41

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

Answer 41

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.

Question 42

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

Answer 42

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

Question 43

List three selector types in order of increasing specificity.

Answer 43

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

Question 44

Why is using !important considered bad practice.

Answer 44

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

Question 45

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

Answer 45

Row or left to right.

Question 46

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

Answer 46

no wrap or trying to fit all on one line.