HTML

Question 1

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

Answer 1

Inside the head element.

The content is known as metadata.

Question 2

Where do you put visible content about the HTML element?

Answer 2

Inside the body element.

Question 3

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

Answer 3

They are located inside of the html element.

Question 4

What is the purpose of a !Doctype declaration?

Answer 4

This tells the browser what version of HTML to parse through

Question 5

Give five examples of HTML element types.

Answer 5

1. Head
2. Body
3. Div
4. P
5. html

Question 6

What is the purpose of HTML attributes?

Answer 6

To give additional information about the HTML element.

Question 7

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

Answer 7

®

always starts with &(ampersand) and ends with ;

Question 8

How do block-level elements affect the document flow?

Answer 8

They take up the full width available, will always start force a new line, will stack on top of each-other.

Question 9

How do inline elements affect the document flow?

Answer 9

Inline elements display in same line, don’t force a new line after them, only take up as much width as they need.

Question 10

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

Answer 10

The default width is the entire width of the parent element or of the page.
The default height is auto.

Question 11

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

Answer 11

The default width is auto.

The default height is auto.

Question 12

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

Answer 12

Ordered lists are numbered 1,2,3,4 etc

Unordered lists are bullet points

Question 13

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

Answer 13

HTML List element is a block element

Question 14

What HTML tag is used to link to another website?

Answer 14

The anchor tag

Question 15

What is an absolute URL?

Answer 15

An absolute url is one with an https start

Question 16

What is a relative URL?

Answer 16

A relative URL is a file path

Question 17

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

Answer 17

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

Question 18

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

Answer 18

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

Question 19

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

Answer 19

Repeat the ../ to indicate that you want to go u two folders, then follow it with the file name
ex. ../../index.html

Question 20

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

Answer 20

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

Question 21

What is the purpose of an HTML form element?

Answer 21

A document section containing interactive controls for submitting information.

Question 22

Give five examples of form control elements.

Answer 22

1. Button
2. Textarea
3. Input
4. Select
5. Input Type

Question 23

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

Answer 23

1. Checkbox
2. File
3. Radio

Question 24

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

Answer 24

It is inline

Question 25

What are the six primary HTML elements for creating tables?

Answer 25

1. Table 2. tablehead 3. tr 4. th 5. td 6. tbody * 7. tfoot

Question 26

What purpose do the thead and tbody elements serve?

Answer 26

thead houses the headings of the table so titles on columns and rows tbody houses the body of the table so the information to put in the data cells

Question 27

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

Answer 27

Finances and lap times on a track

Question 28

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

Answer 28

Selector, Declaration block, Property and it's value

Question 29

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

Answer 29

with a period followed by the class name

Question 30

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

Answer 30

Just use the name of the element needing to be selected

Question 31

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

Answer 31

Use a hashtag followed by the id name

Question 32

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

Answer 32

RGB Values Hex Codes Color Names

Question 33

What CSS properties make up the box model?

Answer 33

Border Margin Padding Content - Height and Width

Question 34

Which CSS property pushes boxes away from each other?

Answer 34

Margin property

Question 35

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

Answer 35

The padding property

Question 36

What is a pseudo-class?

Answer 36

Class applied to an element by the browser when in a specific state

Question 37

What are CSS pseudo-classes useful for?

Question 38

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

Answer 38

Pixels | em

Question 39

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

Answer 39

font-family

Question 40

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

Answer 40

Row

Question 41

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

Answer 41

No Wrap

Question 42

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

Answer 42

Because div elements are display type block

Question 43

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

Answer 43

Row

Question 44

How does setting position: absolute on an element affect where it appears on the page?

Answer 44

an element set with position absolute will appear on top left corner of the nearest ancestor element that is set to a position property that is NOT STATIC