HTML

Question 1

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

Answer 1

Head Element

Question 2

Where do you put visible content about the HTML document?

Answer 2

Body Element

Question 3

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

Answer 3

Within the html element

Question 4

What is the purpose of a DOCTYPE declaration?

Answer 4

To declare to the browser what HTML type the page is using.

Question 5

Give five examples of HTML element tags

Answer 5

<a> <img></img></a>

Question 6

What is the purpose of HTML attributes?

Answer 6

To provide more information to the HTML elements.

Question 7

Give an example of an HTML entity (escape character)

Answer 7

© “!copy;”

Question 8

How do block-level elements affect the document flow?

Answer 8

They start a new line and take up the entire span of the parent element.

Question 9

How do inline elements affect the document flow?

Answer 9

They only take up the space of the content that they enclose and share the same line as their neighboring elements.

Question 10

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

Answer 10

Width: 100% Height: auto

Question 11

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

Answer 11

Width: auto Height: auto

Question 12

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

Answer 12

Ordered lists are numbered and unordered lists are marked by bullet points

Question 13

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

Answer 13

Block element

Question 14

What HTML tag is used to link to another website?

Answer 14

Anchor tag

Question 15

What is an absolute URL?

Answer 15

The full web address of an external website

Question 16

What is a relative URL?

Answer 16

Short hand address to pages within the same website

Question 17

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

Answer 17

../”example.html”

Question 18

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

Answer 18

Just refer directly to the target directory

Question 19

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

Answer 19

../../example.html

Question 20

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

Answer 20

Just use the file name directly

Question 21

What is the purpose of an HTML form element?

Answer 21

To collect data from the end user

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 input elements.

Answer 23

text, password, radio, checkbox, file, submit, image, hidden

Question 24

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

Answer 24

inline element

Question 25

What are the six primary HTML elements for creating tables?

Answer 25

table, th, tr, td, thead, tbody

Question 26

What purpose do the thead and tbody elements serve?

Answer 26

thead houses the headings of the table and tbody houses the data of the table

Question 27

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

Answer 27

Train ticket prices and sports results

Question 28

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

Answer 28

selector, declaration block, property, value

Question 29

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

Answer 29

Add a . before the class name

Question 30

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

Answer 30

Just use the element type name

Question 31

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

Answer 31

Add a # before the id name

Question 32

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

Answer 32

Color name, RGB value, hex code

Question 33

What CSS properties make up the box model?

Answer 33

content, padding, border, margin

Question 34

Which CSS property pushes boxes away from each other?

Answer 34

margin

Question 35

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

Answer 35

padding

Question 36

What is a pseudo-class?

Answer 36

Keyword applied by the browser to an element for specific circumstances such as user's interaction ie hovering over the element

Question 37

What are CSS pseudo-classes useful for?

Answer 37

Applying styling based on user's interaction

Question 38

Name at least two units of type size in CSS.

Answer 38

pixel, percentage, ems

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

nowrap

Question 42

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

Answer 42

div elements are block-level elements

Question 43

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

Answer 43

row