HTML Flashcards

1
Q

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

A

The head element. (metadata)

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

Where do you put visible content about the HTML document?

A

The body element.

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

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

A

The head and body elements are located within the html element as siblings. The starting tags go at the beginning of the element.

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

What is the purpose of a DOCTYPE declaration?

A

Declaration lets the browser know what version of HTML it is.

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

Give five examples of HTML element types.

A

h1, img, p, span, div

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

What is the purpose of HTML attributes?

A

Attach additional data to an element and its content.

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

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

A

& followed by copy; for copyright symbol.

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

How do block-level elements affect the document flow?

A

Block-level elements start on a new line and take up the whole width of the containing block.

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

How do inline elements affect the document flow?

A

Inline elements happen within a line. Not breaking the flow and staying within the boundaries of the tags.

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

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

A

Width: entire horizontal space of container.

Height: height of content within element.

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

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

A

Width/Height: only as much as the element needs.

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

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

A

○Ordered list is sorted in order, whilst unordered list isn’t (order of list items doesn’t matter).

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

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

A

ul, ol, and li are all block elements.

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

What HTML tag is used to link to another website?

A

a, with the attribute href=”url” to determine where the link will take the user.

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

What is an absolute URL?

A

Domain name + path to page (if not included, takes user to homepage).

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

What is a relative URL?

A

File or file path relative to the folder that the HTML is located.

17
Q

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

A

○ ../file.html

18
Q

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

A

foldername/file.html

19
Q

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

A

../../file.html

20
Q

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

21
Q

What is the purpose of an HTML form element?

A

Lets the user interact with the website and provide data for the server to use/process.

22
Q

Give five examples of form control elements.

A

input, text area, select, option, button

23
Q

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

A

text, radio, submit

24
Q

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

25
What are the six primary HTML elements for creating tables?
table, tr, td, th, thead, tbody, and (tfoot)
26
What purpose do the thead and tbody elements serve?
Separate the header and the body of the table to allow for specialized styling.
27
Give two examples of data that would lend itself well to being displayed in a table.
Financial reports and schedules