HTML Concepts Flashcards

1
Q

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

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

Where do the and tags go in a valid HTML documents?

A

Within 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 declaration document?

A

Dictate to the browser what version is being used.

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

How do block elements affect the document flow?

A

They start a new line.

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

How do inline elements affect the document flow?

A

The alter the appearance of the result. (Ex. italicize, bold, strike out) They don’t start new lines.

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

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

A

Height is the height of the content.

Width is the length of the page or the container of the parent element.

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

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

A

Height is the height of the content.

Width is the width of the content.

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

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

A

An ordered list is numbered.

An unordered list has bullet points.

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

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

A

A block element.

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

What HTML tag is used to link to another website?

A

<a></a>

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

What is an absolute URL?

A

It starts with a domain name.

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

What is a relative URL?

A

It is used to link pages within the same site.

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

Give 5 examples of HTML element types.

A

Head, title, body, h1, p

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

What is the purpose of HTML attributes?

A

They provide more info about elements.

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

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

A

ampersand sign, trademark sign, copyright sign

17
Q

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

A

../ (dot dot forward slash followed by the file name)

18
Q

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

A

/ (forward slash)

19
Q

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

A

../../(dot dot slash, dot dot slash, forward slash followed by file name

20
Q

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

A

Name of the file

21
Q

What is the purpose of an HTML form element?

A

a way to capture data from users

22
Q

Give 5 examples of form control elements.

A

, , , ,

23
Q

Give 3 examples of type attribute values for HTML elements.

A

text input, button, dropdown boxes

24
Q

What are the 6 primary HTML elements for creating tables?

A

, , , , ,

25
Q

What purpose do the and elements serve?

A

Semantic elements that divide heading content from body content.

The table body element contains the table rows () that make up the body of the .

The table head element contains the head of the columns in the table.

26
Q

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

A

Budget reports, Recording habits, Sports stats

27
Q

What are the names of the individual pieces of a CSS rule?

A

elements, properties, values

28
Q

In CSS, how do you select elements by their class attribute?

A

.class name { }

29
Q

In CSS, how do you select elements by their type?

A

matches element name (ex. body{ }, h1 { }

30
Q

In CSS, how do you select an element by its id attribute?

A

id name (ex. id = “name” –> #name{ } )

31
Q

Name 3 different types of values you can use to specify colors in CSS.

A

RBC values, HEX codes, color names, keyword, hue saturation, brightness, RGBA

32
Q

What CSS properties make up the box model?

A

border, margin, padding, content, height + width

33
Q

Which CSS property pushes boxes away from each other?

A

Margin

34
Q

Which CSS property add space between a box’s content and its border?

A

Padding

35
Q

What is pseudo-class?

A

“A pseudo-class is a selector that selects elements that are in a specific state, e.g. they are the first element of their type, or they are being hovered over by the mouse pointer.”

36
Q

What are the CSS pseudo classes useful for?

A

Ex. useful for making a page more interactive, and other things. Lots of other things.

37
Q

Name 2 types of units that can be used to adjust font size.

A

Pixels + Percentages

38
Q

What CSS property controls the font used for the text inside an element?

A

Font-family