HTML

Question 1

Where do you put visible content about the HTML document?

Answer 1

«a>body</a>>«a>/body</a>>

Question 2

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

Answer 2

«a>head</a>>«a>/head</a>>

Question 3

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

Answer 3

«a>html</a>>«a>/html</a>>

Question 4

What is the purpose of a declaration?

Answer 4

to declare what version of HTML the page is being written witih

Question 5

Give five examples of HTML element tags.

Answer 5

«a>head</a>>«a>/head</a>>, «a>body</a>>«a>/body</a>>, «a>h1</a>>«a>/h1</a>>, «a>header</a>>«a>/header</a>>, «a>h2</a>>«a>/h2</a>>

Question 6

What is the purpose of HTML attributes?

Answer 6

It gives or modifies the functionality of an element

Question 7

Where do you put visible content about the HTML document?

Answer 7

«a>body</a>>«a>/body</a>>

Question 8

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

Answer 8

(with no space before semi-colon and after &)
& amp ; is &
& lt ; is <
& lt ; is >
& #34 ; is "
& #39 ; is '

Question 9

How do block-level elements affect the document flow?

Answer 9

They take up all the horizontal space and only as much height as its content

Question 10

How do inline elements affect the document flow?

Answer 10

They take up only as much height and horizontal space as necessary for its contents

Question 11

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

Answer 11

All of the horizontal as much height as necessary

Question 12

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

Answer 12

as much height and width as necessary for element

Question 13

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

Answer 13

ordered list is numbered and unordered list is bullet points

Question 14

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

Answer 14

«a>block</a>>«a>/block</a>>

Question 15

What HTML tag is used to link to another website?

Answer 15

«a>a</a>>«a>/a</a>>

Question 16

What is an absolute URL?

Answer 16

A full url that leads to another website

Question 17

What is a relative URL?

Answer 17

a link that sends you to another page within the same site

Question 18

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

Answer 18

../index.html

Question 19

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

Answer 19

example/index.html

Question 20

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

Answer 20

../../index.html

Question 21

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

Answer 21

index.html

Question 22

Give five examples of form control elements.

Answer 22

input, text area, select, option, button

Question 23

Give three examples of type attributes for HTML elements.

Answer 23

«a>input type=”checkbox”</a>>«a>/input</a>>
«a>input type=”submit”</a>>«a>/input</a>>
«a>input type=”radio”</a>>«a>/input</a>>

Question 24

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

Answer 24

inline element

Question 25

What is the purpose of an HTML form element?

Answer 25

to hold/store form content

Question 26

What are the six primary HTML elements for creating tables?

Answer 26

tr, td, th, thead, tbody, tfoot

Question 27

What purpose do the thead and tbody elements serve?

Answer 27

headings of the table should be in the thead element and the body of the table should be in the tbody element

Question 28

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

Answer 28

Keeping track of ticket sales and keeping track of how many hours you worked out in a month

Question 29

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

Answer 29

hex codes, rgb css function, color names

Question 30

What CSS properties make up the box model?

Answer 30

Content, padding, border, margin

Question 31

Which CSS property pushes boxes away from each other?

Answer 31

margin

Question 32

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

Answer 32

padding

Question 33

What is a pseudo-class?

Answer 33

It is a keyword added to a selector that specifies a special state of the selected element

Question 34

What are CSS pseudo-classes useful for?

Answer 34

It lets you apply a style to the element when it is in a special state or also to external factors like history with the element

Question 35

Name at least two units of type size in CSS.

Answer 35

pixels and percentages

Question 36

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

Answer 36

font-family

Question 37

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

Answer 37

row

Question 38

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

Answer 38

inline

Question 39

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

Answer 39

because div elements are block level elements

Question 40

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

Answer 40

row

Question 41

What is the default value for the position property of HTML elements?

Answer 41

static

Question 42

How does setting position: relative on an element affect document flow?

Answer 42

it originally takes place in the normal layout flow, you can modify its final position, which could lead to it overlapping other elements

Question 43

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

Answer 43

It does not affect it at all unless you also apply top. bottom, left, or right to it

Question 44

How does setting position: absolute on an element affect document flow?

Answer 44

It makes the element not a part of the document flow and it now sits on its own layer

Question 45

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

Answer 45

It will make it appear at the very top of the page over other elements in the regular document flow.

Question 46

How do you constrain an absolutely positioned element to a containing block?

Answer 46

If the position property is absolute, the containing block is formed by the edge of the padding box of the nearest ancestor element that has a position value other than static

Question 47

What are the four box offset properties?

Answer 47

static, fixed, absolute, relative