HTML Flashcards

1
Q

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

A

In the <head> element.

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

In 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

In the <html> 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

To declare the version of HTML being used.

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

<body>, <p>, <div>, <h1> to <h6>, <head>, <html>, <title>, <article>, <address>, <header>
</header></address></article></title></html></head></h6></h1></div></p></body>

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

These are additional values that configure the elements. They make them unique.

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

& amp ; & lt ; & gt ; & copy ; & reg ;

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

A block-level element always starts on a new line and takes up the full width available (stretches out to the left and right as far as it can).

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

An inline element does not start on a new line and only takes up as much width as necessary.

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: 100% of its parent container, height: auto (depends on content). selfish.

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: auto, height: auto; takes only as much space as needed. selfless.

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

ol - numbered list; ul - bullet list

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

block element

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> , anchor element.</a>

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

What is an absolute URL?

A

Full URL that includes the domain.

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

What is a relative URL?

A

Does not use full web address. relative path within same domain.

17
Q

Difference between internet and world wide web?

A

Internet is the infrastructure that connects computer networks together. WWW is a way of accessing information/pages on the internet.

18
Q

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

A

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

19
Q

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

A

For a child folder, use the name of the child folder, followed by a forward slash, then the file name. (music/listings.html)

20
Q

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

A

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

21
Q

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

A

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

22
Q

What is the overall purpose of forms?

A

User interaction

23
Q

What is the purpose of an HTML form element?

A

To collect input data from users and create boundaries for the form.

24
Q

Give five examples of form control elements.

A

input, select, textarea, option, checkboxes, radio buttons, drop-down boxes

25
Q

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

A

submit, file, image

26
Q

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

A

inline element

27
Q

What are the six primary HTML elements for creating tables?

A

<table>, <tr>, <td>, <th>, <thead>, <tbody>, <tfoot>
</tfoot></tbody></thead></th></td></tr></table>

28
Q

What purpose do the thead and tbody elements serve?

A

to distinguish between main content and first row (header) content. helps screen readers and allows us to style in CSS.

29
Q

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

A

sports results, financial reports, tv schedules.