HTML

Question 1

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

Answer 1

In the head element which stores the metadata. Metadata tells the browser more information about the document.

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

Within the html element. The head element is first, and stores all metadata. And the body element is second, and stores all visible content.

Question 4

What is the purpose of a!DOCTYPEdeclaration?

Answer 4

To let the browser know what kind of document it is, so that it can properly read it.

Question 5

Give five examples of HTML element tags.

Answer 5

head

body
title
h1
p

Question 6

What is the purpose of HTML attributes?

Answer 6

Attributes (which sit inside of tags) contain more information about the content of the element.

(Attributes contain values within double quotes.)
Syntax:
attribute=“value”

Question 7

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

Answer 7

© copyright character: ©
& ampersand : &
“ Quotation mark: “

(html entities / escape characters must always be followed by semicolons.)

Question 8

How do block-level elements affect the document flow?

Answer 8

Block-level elements always start on a new line, therefore breaking up the flow of the document.

Block level elements can contain inline-level elements, but not vice versa or the block elements would break the flow.

Question 9

How do inline elements affect the document flow?

Answer 9

Inline elements always appear to continue on the same line as their neighboring elements. They do not break up the document flow, but rather flow together seamlessly.

Question 10

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

Answer 10

Block-level elements always take up as much width as possible (100%). And they only take up as much height as the content inside of them.

Question 11

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

Answer 11

Inline elements only take up as much width and height as is necessary.

Question 12

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

Answer 12

In ordered lists, items are listed numerically.
In unordered lists, items are listed by bullet points.

(The only valid child elements of these elements. are li elements. The li element represents an item in a list.)

Question 13

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

Answer 13

Block element. (The li elements are block elements as well.)

Question 14

What HTML tag is used to link to another website?

Answer 14

Anchor tags (a).

a tags are used to create links to other websites or links to pages within the same website.

a tags contain the href attribute which contains the link. Within the a element, the text content is what the user will see and click on.

URLs to external sites are absolute URLs.
URLs to pages within the same site are relative URLs.

Question 15

What is an absolute URL?

Answer 15

Absolute URLs link to external webpages.

e. g.
https: //www.google.com/
https: //www.healthline.com/health/breathing-exercise

Question 16

What is a relative URL?

Answer 16

Relative URLs link to pages within the same site. They are shorthand versions of absolute URLs because they do not need to contain domain names.

e.g.
index.html
../about-me/about-me.html
images/funny-image.png

Question 17

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

Answer 17

Use ../ to indicate the folder above the current one, then follow it with the file name.

Question 18

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

Answer 18

Use the name of the child folder, followed by a forward slash, then the file name.

Question 19

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

Answer 19

Repeat the ../ to indicate that you want to go up two folders (rather than one), then follow it with the file name.

Question 20

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

Answer 20

To link a file in the same folder, just use the file name. (Nothing else is needed.)

Question 21

What is the purpose of an HTML form element?

Answer 21

HTML borrows the concept of a form to refer to different elements that allow you to collect information from visitors to your site.

Question 22

Give five examples of form control elements.

Answer 22

input
label
select
option
submit
textarea
button

Question 23

Give three examples oftypeattributes for HTMLinputelements.

Answer 23

type=“text”
type=“password”
type=“radio”
type=“checkbox”
type=“file”
type=“submit”
type=“image”
type=“hidden”
type=“date
type=“email”
type=“search”

Question 24

Is an HTMLinputelement a block element or an inline element?

Answer 24

Inline element – to make it block level, wrap it in a div.

Question 25

What are the six primary HTML elements for creating tables?

Answer 25

table
tr (table row)
th (table head)
td (table data)

thead (table head)
tbody (table body)

Question 26

What purpose do thetheadandtbodyelements serve?

Answer 26

thead and tbody elements help to distinguish content from the head from the body, as well as to group content together.

–thead, tbody, tfoot–
There are three elements that help distinguish between the main content of the table and the first and last rows (which can contain different contents).

These elements help people who use screen readers and also allow you to style these sections in a different manner than the rest of the table.

Question 27

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

Answer 27

—Schedules / calendars: display days of the week and hours with scheduled items

—Anything that has to do with displaying numbers like financing and budgeting

—Weather: displaying days and times + temperatures

—Statistics

These types of data are typically referred to “tabular data”.