HTML Flashcards

1
Q

Minimum Example of HTML Skeleton?

A
<!DOCTYPE html>
<html>
  <head>
    <title>
      HTML Skeleton
    </title>
  </head>
  <body>
  </body>
</html>
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

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

A

Non-visible content (typically metadata) is placed within the <head> tags.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

Where do you put visible content about the HTML document?

A

Visible content is placed between the <body> tags.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

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

A

Both are siblings placed as children to the <html> tag.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

Define block-level element

A

An element that occupies the entire horizontal space of its container/parent. (Starts new lines) height: auto width: 100%

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

Define inline element

A

An element that occupies only the space bounded by the tags defining that element. (Does NOT start new lines)
Height: auto Width: auto

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

Absolute URL

A

The full URL for a site including domain name and protocol.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

Relative URL

A

A shorthand URL that does not require domain. (Other pages stored on site/project)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

What does URL stand for?

A

Uniform Resource Locator

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

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

A

../index.html

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

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

A

example/index.html

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

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

A

../../index.html

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

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

A

index.html (only requires name of the file)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

What is the purpose of an HTML form element?

A

To collect data from visitors. The element denotes the boundary in which the form is on the webpage.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

Give five examples of form control elements.

A

input, text area, button, select, option

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

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

A

radio, text, checkbox, submit

17
Q

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

A

Inline

18
Q

What are the six primary HTML elements for creating tables?

A
<table></table> <-- denotes boundaries of table -->
<thead></thead> <-- denotes set of rows defining head of columns of table -->
<tbody></tbody> <-- denotes set of rows defining body of columns of table -->
<th></th> <--table header-->
<td></td> <--table cell -->
<tr></tr> <--table row-->
19
Q

What purpose do the <thead> and <tbody> elements serve?

A

Containers to separate table header and body for structural/semantic purposes

20
Q

Which HTML meta tag is used in mobile-responsive web pages?

A

<meta name=”viewport” content=”width=device-width, initial-scale=1.0”>