HTML

Question 1

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

Answer 1

It goes inside of the head element.

Question 2

Where do you put visible content about the HTML document?

Answer 2

It goes inside of 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 tags.

Question 4

What is the purpose of doctype declaration?

Answer 4

It tells the browser which version of HTML the page is using.

Question 5

Give 5 examples of HTML element types.

Answer 5

span, p, img, div, h1

Question 6

What are HTML entities? Provide an example.

Answer 6

They are also known as escape characters. They are characters that are used and reserved by HTML code. Example: cent sign –> ¢ or ¢

Question 7

How do block-level elements affect the document flow?

Answer 7

They will always appear on a new line. They do not allow other elements on the same horizontal row.

Question 8

How do inline elements affect the document flow?

Answer 8

They appear on the same line as their neighboring elements.

Question 9

What are the default widths and heights of a block-level element?

Answer 9

The height is determined by the content inside the element. The width is the full horizontal width of its container block.

Question 10

What are the default widths and heights of an inline element?

Answer 10

The width and height of an inline element is determined by the content of the element.

Question 11

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

Answer 11

Ordered lists show items that are listed with numbers while an unordered list starts with bullet points.

Question 12

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

Answer 12

It is a block-level element – it pushes everything after it down the page.

Question 13

What HTML tag is used to link another website?

Answer 13

The anchor tag // <a> tag along with the href attribute and the link to the website as the value.</a>

Question 14

What is an absolute URL?

Answer 14

The full web address for a site or the direct URL to a file

Question 15

What is a relative URL?

Answer 15

Shorthand url to a link on the same website

Question 16

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

Answer 16

../ followed by file name

Question 17

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

Answer 17

Name of the child folder followed by the file name

Question 18

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

Answer 18

../../ to move up 2 folders then follow with file name

Question 19

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

Answer 19

Just use the file name by itself.

Question 20

What’s the purpose of an HTML form element?

Answer 20

To collect information/data from users

Question 21

Give 5 examples of form control elements.

Answer 21

input, select, textarea, button, option

Question 22

Give 3 examples of type attribute values for HTML input elements

Answer 22

radio: allows users to pick from a variety of options
checkbox: allows users to check
password: allows users to enter passwords

Question 23

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

Answer 23

Trick question – it’s an inline-block element. They are similar to inline elements but have padding and margins added to all 4 sides.

Question 24

What are the 6 primary HTML elements for creating tables?

Answer 24

table, thead, tbody, th (table heading), tr (table row), td (table data)

Question 25

What purpose do the thead and tbody elements serve?

Answer 25

It allows you to style the sections differently and helps with accessibility for screen reading

Question 26

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

Answer 26

Stock market data/values, events schedule, sports finish times