HTML Foundations

Question 1

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

Answer 1

< head > tag

Question 2

Where do you put visible content about the HTML document?

Answer 2

< body > tag

Question 3

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

Answer 3

< head > goes right after the < html > tag and before the < body > tag.

< body > goes right before the tag and after the tag.

Question 4

What is the purpose of a declaration?

Answer 4

To declare what version of HTML is being used.

Question 5

Give five examples of HTML element types.

Answer 5

< html > element
< head > element
< title > element
< body > element
< p > element

Question 6

What is the purpose of HTML attributes?

Answer 6

Provides additional information about the contents of an element.

Question 7

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

Answer 7

& = Ampersand
© = Copyright symbol
® = Registered trademark

Question 8

How do block-level elements affect the document flow?

Answer 8

Starts on a new line and only takes up as much space as the element holds.

Question 9

How do inline elements affect the document flow?

Answer 9

Stays on the same line with other neighboring elements.

Question 10

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

Answer 10

Default width is dependent on the parent element’s container.
Default height is whatever content that block-level element has.

Question 11

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

Answer 11

Default width and height is whatever the content is of the inline element.

Question 12

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

Answer 12

Ordered lists are numbered

Unordered lists are bullet points

Question 13

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

Answer 13

An html list is a block element

Question 14

What HTML tag is used to link to another website?

Answer 14

< a > tag

Question 15

What is an absolute URL?

Answer 15

The full url which includes https://www.

Question 16

What is a relative URL?

Answer 16

Relative URL already starts on the absolute url but has the additional paths

Example:
Absolute URL = https://www.google.com
Relative URL = /images

Question 17

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

Answer 17

./parentDirectory

Question 18

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

Answer 18

./parentDirectory/childDirectory

Question 19

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

Answer 19

../grandParentDirectory

Question 20

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

Answer 20

fileName

Question 21

What is the purpose of an HTML form element?

Answer 21

Allows users to input data

Question 22

Give five examples of form control elements.

Answer 22

Add Text
- Text Input, Password Input, Text Area
Making Choices
- Radio Buttons, Checkboxes, Drop-down boxes
Submitting Forms
- Submit Buttons, Image Buttons
Uploading Files
- File Upload

Question 23

Give examples of type attribute values for HTML < input > elements.

Answer 23

“text”, “password”, “radio”, “checkbox”, “file”, “submit”, “image”, “hidden”

Question 24

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

Answer 24

Inline element

Question 25

What are the six primary HTML elements for creating tables?

Answer 25

< table >< tr >< td >< th >< thead >< tbody >

Question 26

What purpose do the thead and tbody elements serve?

Answer 26

thead sets up the headings row for the table

tbody sets up the body rows for the table

Question 27

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