HTML

Question 1

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

Answer 1

In the head element.

Note: the title element within the head element will be visible at the top of the browser or in the browser tab.

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

In the html element located beneath the doctype declaration.

Question 4

What is the purpose of a !DOCTYPE declaration?

Answer 4

Ensures that the browser renders the document as HTML and follows HTML specifications.

Question 5

Give five examples of HTML element tags.

Answer 5

1. body
2. head
3. title
4. line break: br
5. span
   - extra-
6. horizontal rule: hr
7. anchor: a (with href attribute and file path)
8. p
9. div

Question 6

What is the purpose of HTML attributes?

Answer 6

To provide more information about the contents of the associated element. It is comprised of an attribute name and a corresponding value.

Question 7

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

Answer 7

Ampersand: (ampersand symbol)amp;
-extra-
Trademark: (ampersand symbol)trade;

Note: All end with semicolon.

Question 8

How do block-level elements affect the document flow?

Answer 8

Breaks the document flow and creates line breaks between neighboring elements, starts on a new line.
Note: They take up the entire horizontal space of its parent element, and the vertical space needed for its contents.

Question 9

How do inline elements affect the document flow?

Answer 9

The elements will appear to continue on the same line as neighboring elements. Note: Takes up the least amount of space available bounded by the tags defining the element, instead of breaking the flow of the content.

Question 10

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

Answer 10

All of the horizontal space available within its parent element (container), and the vertical space needed for the height of its contents.

Question 11

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

Answer 11

An inline element does not start on a new line and only takes up as much width and height as necessary, 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 numbered or in sequence (A-Z) and unordered lists are not numbered and use bullet points

Question 13

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

Answer 13

The list and list items are both block-level elements.

Question 14

What HTML tag is used to link to another website?

Answer 14

Anchor tag with an href attribute.

Question 15

What is an absolute URL?

Answer 15

An absolute URL starts with the domain name for that site and can be followed by the path to a specific page. Used for external website links.

Question 16

What is a relative URL?

Answer 16

A URL that links to other pages within the same site, you do not need to specify the domain name in the URL.

Question 17

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

Answer 17

../file-name

Question 18

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

Answer 18

child-folder-name/file-name

Question 19

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

Answer 19

../../file-name

Note: use ../ for each generation of directories.

Question 20

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

Answer 20

File-name

Question 21

What is the purpose of an HTML form element?

Answer 21

To obtain information and data from users via a structured set of elements.

Question 22

Give five examples of form control elements.

Answer 22

form, fieldset, legend, textarea, label
-extra-
button, and input

Question 23

Give three examples of type attributes for HTML input elements.

Answer 23

Radio, button, checkbox,
-extra-
image, submit, text

Question 24

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

Answer 24

Inline, and that is why we have to insert them into a div.

Question 25

What are the six primary HTML elements for creating tables?

Answer 25

Table, thead, th, tr, td, tbody

Question 26

What purpose do the thead and tbody elements serve?

Answer 26

The tbody element encapsulates a set of table rows indicating that they are the body of the table. The thhead element defines a set of rows as the head of the columns of the table.

Both, along with tfoot, provide useful semantic information that can be used when rendering for either screen or printer as well as for accessibility purposes.

Question 27

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

Answer 27

Financial data and reports, schedules, game scores, inventory control.

Question 28

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

Answer 28

Because they are block elements and are vertically-based, by default fill 100% of the horizontal space available.