HTML

Question 1

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

Answer 1

In the head element

Question 2

Where do you put visible content about the HTML document?

Answer 2

In the body element

Question 3

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

Answer 3

Head element goes at the top of the document, under the HTML opening tag and any metadata describing this document; body element goes underneath the closing tag for the head element and before the closing HTML tag

Question 4

What is the purpose of a !DOCTYPE declaration?

Answer 4

tells the browser which version of HTML the page is using

Question 5

Give five examples of HTML element tags.

Answer 5

h1, p, img, span, div

Question 6

What is the purpose of HTML attributes?

Answer 6

They provide additional info about the contents of the element

Question 7

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

Answer 7

×
&
©
®

Question 8

How do block-level elements affect the document flow?

Answer 8

They take up the width of their parent element and the height of its contents; they start on a new line and can be visualized like boxes stacking on top of each other; any elements that follow go to a new line

Question 9

How do inline elements affect the document flow?

Answer 9

Rather than breaking the flow of the document, it takes up only the space bounded by the tags defining the element; an element following an inline element would go right after it if possible

Question 10

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

Answer 10

The default width is 100% of the width of the parent element and the default height is the height of its contents (auto) that the block-level element contains

Question 11

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

Answer 11

It only takes up as much width as necessary; space bounded by the tags defining the element

Question 12

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

Answer 12

Ordered lists: are ordered; for series of data with some sort of set data; you can change the way they’re ordered in styling
Unordered lists: bullet-point lists, no specific order

Question 13

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

Answer 13

Block element

list items are also block

Question 14

What HTML tag is used to link to another website?

Answer 14

anchor tag with href attribute

Question 15

What is an absolute URL?

Answer 15

links us to another website; starts with a domain name for the site and can be followed by the path to a specific page; starts with http or https

Question 16

What is a relative URL?

Answer 16

linking to other pages within the same site; don’t need to specify the domain name

Question 17

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

Answer 17

../filename

** folder is a list of directions to where everything exists. So the technical term is directory because a folder doesn’t actually hold anything. But we do use them interchangeably.

Question 18

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

Answer 18

childfolder/filename

Question 19

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

Answer 19

../../filename

Question 20

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

Answer 20

filename
or
./filename
**interchangable

Question 21

What is the purpose of an HTML form element?

Answer 21

allows users to perform certain functions such as search, etc
contains interactive tools to receive info from the user

Question 22

Give five examples of form control elements. (REVIEW)

Answer 22

input, option, text area, select, button

Question 23

Give three examples of type attributes for HTML elements.

Answer 23

checkbox, submit, radio, text, email, button, hidden, password

Question 24

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

Answer 24

inline

Question 25

What are the six primary HTML elements for creating tables?

Answer 25

thead, tbody, tr, th, td, tfoot

Question 26

What purpose do the thead and tbody elements serve?

Answer 26

they’re helpful to those using screen readers and also allow you to style them differently than the rest of the table

semantics; not much difference in functionality

Question 27

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

Answer 27

schedules, sports results, scientific data

any tabular data