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 meta, link, and title tags go in a valid HTML document?

Answer 3

They go after the DOCTYPE and inside the head tag

Question 4

What is the purpose of the DOCTYPE declaration?

Answer 4

It tells the browser which version of HTML we are using so it can accurately render the page

Question 5

Give 5 examples of element types.

Answer 5

head, body, h1 - h6, div, nav

Question 6

What is the purpose of HTML attributes?

Answer 6

Attributes provide additional information about elements (CAN add functionality like src for img)

Question 7

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

Answer 7

Ampersand ( & amp )

Question 8

What are the two functions of an alt attribute?

Answer 8

1. shows text content if image doesn’t load
2. Reads outloud for people using screenreaders for accessibility

Question 9

How do block-level elements affect the document flow?

Answer 9

Each new block-level element starts a new line

Question 10

How do inline-level elements affect the document flow?

Answer 10

They line up “inline”, appearing on the same line (assuming space is available)

Question 11

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

Answer 11

Width: width of page; Height: height of content

Question 12

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

Answer 12

Width: width of content; Height: height of content

Question 13

Why are strong and em tags preferred over b and i tags for bold and italic text?

Answer 13

Strong and em tags add semantic meaning, and screen readers will interpret them appropriately.

Question 14

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

Answer 14

Ordered lists emphasize order of items, while unordered lists just have bullet points

Question 15

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

Answer 15

Lists (ul, ol, & li) are all block elements

Question 16

True or False? The only direct child a ul or ol element should have is an li element?

Answer 16

True

Question 17

What HTML tag is used to link to another website?

Answer 17

the a (anchor) tag

Question 18

What is an absolute URL?

Answer 18

Absolute URLs link to separate websites

Question 19

What is a relative URL?

Answer 19

Relative URLs link to a different page of the same website

Question 20

How do you open up a website in a new tab when using absolute URL paths?

Answer 20

Add the target attribute with the value “_blank”

Question 21

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

Answer 21

../ (indicates the folder above the current one) then follow with the file name

Question 22

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

Answer 22

/ Child folder name / file name

Question 23

How to you indicate the relative link to a grandparent directory?

Answer 23

../ ../ file folder name

Question 24

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

Answer 24

Just use the file name (nothing else needed)

Question 25

What is the purpose of an HTML form element?

Answer 25

Forms allow users to perform functions online and collect data resulting from those functions

Question 26

Give five examples of form control elements

Answer 26

Text/password input, radio buttons, drop down boxes, file input boxes, submit/img button

Question 27

Give three examples of type attribute values for HTML input elements

Answer 27

Type, name, value

Question 28

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

Answer 28

Inline-block!

Question 29

All buttons in a form have a default type attribute of…?

Answer 29

Submit

Question 30

6 primary elements for tables

Answer 30

Table, thead, tbody, tr, th, td

Question 31

What purpose do the thead and tbody serve?

Answer 31

Thead defines a set of rows heading each column of the tables; tbody is the rows w/data

Question 32

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

Answer 32

Sports Statistics & Weekly weather forecasts