HTML Flashcards

1
Q

HTML-SKELETON

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

A

Within the Head Element

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

HTML-SKELETON

Where do you put visible content about the HTML document?

A

Within the Body Element

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

HTML-SKELETON

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

A

Within the HTML Element

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

HTML-SKELETON

What is the purpose of a !DOCTYPE declaration?

A

Declaration that tells the browser what version of HTML the document is written in

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

HTML-SYNTAX

Give five examples of HTML element types.

A

head element, body element, h1 element, p (paragraph) element, div element, etc.

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

HTML-SYNTAX

What is the purpose of HTML attributes?

A

Attributes indicates what kind of extra information you are supplying about the element’s content/define additional characteristics or properties of the element

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

HTML-SYNTAX

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

A

“& + copy” is copyright symbol;

& is ampersand symbol

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

HTML-BLOCK-AND-INLINE

How do block-level elements affect the document flow?

A

Block-level elements takes all the space horizontally (width) and as much space as it needs vertically.

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

HTML-BLOCK-AND-INLINE

How do inline elements affect the document flow?

A

Inline elements uses the space within the block. Does not start a new line.

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

HTML-BLOCK-AND-INLINE

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

A

width: 100%;
height: auto;

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

HTML-BLOCK-AND-INLINE

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

A

width: auto;
height: auto;

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

HTML-LISTS

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

A

ordered list = numbered list, etc.

unordered list = bullet points, etc.

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

HTML-LISTS

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

A

An HTML list is a block element

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

HTML-LINKS

What HTML tag is used to link to another website?

A

a tag (anchor) with href=”…link”>click here

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

HTML-LINKS

What is an absolute URL?

A

An absolute URL is a link that is a website link

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

HTML-LINKS

What is a relative URL?

A

A link that is in internal (the same website);

example: /file.html

17
Q

HTML-Relative-Links

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

A

../foldername(if any)/filename

18
Q

HTML-RELATIVE-LINKS

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

A

foldername(if any)/filename

19
Q

HTML-RELATIVE-LINKS

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

A

../../foldername(if any)/filename

20
Q

HTML-RELATIVE-LINKS

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

A

filename

21
Q

HTML-FORMS

What is the purpose of an HTML form element?

A

HTML form element represents a document section containing interactive controls for submitting information.

22
Q

HTML-FORMS

Give five examples of form control elements.

A

select, option, input, button, textarea, etc

23
Q

HTML-FORMS

Give three examples of type attribute values for HTML elements.

A

radio, checkbox, value, etc

24
Q

HTML-FORMS

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

A

inline element

25
Q

Others: What is the difference between div and span?

A
div = default for block element;
span = default for inline element;
26
Q

HTML-FORMS Others:

What is the purpose of “name” attribute in radio inputs?

A

The “name” attribute makes sure you can only choose one option

27
Q

HTML-TABLES

What are the six primary HTML elements for creating tables?

A

table, thead, tbody, th, tr, td

28
Q

HTML-TABLES

What purpose do the thead and tbody elements serve?

A
thead = for header column;
tbody = for content itself;
29
Q

HTML-TABLES

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

A

city and populations;

students and grades;