HTML

Question 1

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

Answer 1

Inside the head element

Question 2

where do you put visible content about the HTML document?

Answer 2

Inside the < body > element

Question 3

Where do the < head > and < body > tags go in a valid HTML document?

Answer 3

Inside the < html > element

Question 4

What is the purpose of the < !DOCTYPE > declaration?

Answer 4

The < !DOCTYPE > declaration is the instruction to the web browser about what version of HTML the page is written in.

Question 5

Give five examples of HTML element types.

Answer 5

1. < html >
2. < body >
3. < title >
4. < p >
5. < h1 >

Question 6

What is the purpose of HTML attributes?

Answer 6

Attributes provide additional information about the contents of the element. They appear on the opening tag of the element and are made up of two parts: a name and a value, separated by an equals sign.

Question 7

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

Answer 7

Ampersand(&) ==> & amp

Question 8

How do block-level elements affect the document flow?

Answer 8

A Block-level element occupies the entire horizontal space of its parent element (container), and vertical space equal to the height of its contents, thereby creating a “block”.

Question 9

How do inline elements affect the document flow?

Answer 9

By default, inline elements do not force a new line to begin in the document flow.

Question 10

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

Answer 10

By default, a block-level element expands to a width of 100% of its parent container. The height is set to the default auto.

Question 11

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

Answer 11

The height of an inline element is the height of the content. The width of an inline element is the width of the content. Both height and width are set to auto.

Question 12

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

Answer 12

Use ../ to indicate the folder above the current one, then follow it with the file name.

Question 13

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

Answer 13

For a child folder, use the name of the child folder, followed by a forward slash, then the file name.

Question 14

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

Answer 14

Repeat the ../ to indicate that you want to go up two folders (rather than one), then follow it with the file name.
Ex. ../../index.html

Question 15

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

Answer 15

To link to a file in the same folder, just use the file name. (nothing else is needed.)

Question 16

What is the purpose of an HTML form element?

Answer 16

The HTML element represents a document section that contains interactive controls to submit information to a web server.

Question 17

Give five examples of form control elements.

Answer 17

1. < input >
2. < textarea >
3. < select >
4. < button >
5. < option >

Question 18

Give three examples of type attribute values for HTML < input > elements.

Answer 18

1. Radio
2. Text
3. Checkbox

Question 19

Is an HTML < input > element a block element or an inline element?

Answer 19

Inline element

Question 20

What are the six primary HTML elements for creating tables?

Answer 20

1. < tr >
2. < td >
3. < th >
4. < thead >
5. < tbody >
6. < tfoot >

Question 21

What purpose do the thead and tbody elements serve?

Answer 21

1. < thead > The headings of the table should sit inside the thead element
2. < tbody > The body of the table should sit inside the tbody element

Question 22

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

Answer 22

1. Sports results

2. Financial reports

Question 23

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

Answer 23

Ordered lists have numbers and unordered lists have bullet points

Question 24

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

Answer 24

Block element.

< li > is also a block element because it takes the entire width

Question 25

What HTML tag is used to link to another website?

Answer 25

The < a > element (anchor tag)

Question 26

What is an absolute URL?

Answer 26

URL that includes the protocol and domain name. Links directly to the URL

Question 27

What is a relative URL?

Answer 27

Links to another section where the URL is placed.

Question 28

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

Answer 28

1. Hex Codes
2. RGB Values
3. Color Names

Question 29

What CSS properties make up the box model?

Answer 29

Border, margin, and padding

Question 30

Which CSS property pushes boxes away from each other?

Answer 30

Margin

Question 31

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

Answer 31

Padding

Question 32

What is a pseudo-class?

Answer 32

It is a class added to a selector that specifies a special state of the selected elements

Question 33

What are CSS pseudo-classes useful for?

Answer 33

Apply styling based on user interaction

Question 34

Name two types of units that can be used to adjust font-size in CSS.

Answer 34

1. px

2. em

Question 35

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

Answer 35

font-family

Question 36

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

Answer 36

Row

Question 37

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

Answer 37

No wrap

Question 38

Why do two div elements “vertically stack” on one another by default?

Answer 38

They are block elements

Question 39

What is the default flex-direction of an element with display: flex?

Answer 39

Row