HTML

Question 1

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

Answer 1

In the head element. Usually the metadata, script tag, stylesheet, and title.

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

They go in between the HTML element.

Question 4

What is the purpose of a !DOCTYPE declaration?

Answer 4

It tells the web browser what version of HTML to use.

Question 5

Give five examples of HTML element types.

Answer 5

P, head, body, div, and h1

Question 6

What is the purpose of HTML attributes?

Answer 6

To customize HTML elements.

Question 7

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

Answer 7

Two examples are the copyright (©) and registered (®) signs. HTML entities are written with the ampersand(&) and some text.

Question 8

How do block-level elements affect the document flow?

Answer 8

Each block level element appears on a new line. They are laid out vertically and take the full width of the page. Their vertical distance from other elements is determined by margins.

Question 9

How do inline elements affect the document flow?

Answer 9

Inline elements only take the space they need in their parent element. They don’t appear on new lines.

Question 10

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

Answer 10

Default width: full-length of the page or value of “auto”

Default height: height of the text content

Question 11

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

Answer 11

Default width: the width of the text content

Default height: the height of the text content

You can’t set the height and width of an inline element. You’d have to make them a block or inline block element first.

Question 12

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

Answer 12

Ordered list: numbered

Unordered list: bullet points

Worth noting that the “li” tag stands for list item.

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

The anchor tag or “a” html element.

Question 15

What is an absolute URL?

Answer 15

The full URL as someone would type it in the search bar. It includes the protocol, the domain, etc.

Question 16

What is a relative URL?

Answer 16

Navigation within your own webpage. It usually looks more like a file path than a link.

Question 17

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

Answer 17

Syntax = ../filename

*You have to go to the directory above then specify the file name

Question 18

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

Answer 18

Syntax = directoryName/filename

*You have to give the directory name of the child directory then specify the file name

Question 19

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

Answer 19

Syntax = ../../filename

*You have to go up two directory, so repeat (../) twice and then specify the file name

Question 20

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

Answer 20

Syntax = image-section.html

*Just use the file name

Question 21

What is the purpose of an HTML form element?

Answer 21

All the form elements for the related content that a user can input.

Question 22

Give five examples of form control elements.

Answer 22

Select, option, textarea, input, and button.

*There’s more though!

Question 23

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

Answer 23

Radio, submit, email, checkbox, etc.

Question 24

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

Answer 24

Inline element. If you have two input elements, they will sit right next to each other.

Question 25

What are the six primary elements for creating an HTML table?

Answer 25

“table”, “thead”, “th”, “tr”, “td”, and “tbody”

*Worth noting that “tfoot” isn’t core for an HTML table.

Question 26

What purpose do the “thead” and “tbody” elements serve?

Answer 26

Help for structure, and search indexing for your website.

“thead” = holds the heading titles (“th” element) of the table

“tbody” = holds the table data (“td” element) of the table

Question 27

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

Answer 27

Financial reports, TV schedules, sports results, calendars, etc.