HTML/CSS Flashcards

To better learn the terminology of HTML and CSS

1
Q

An individual component of an HTML document or web page

A

Element

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

Piece of HTML code that specifies the creation of an element. All elements have at least one of these, and many have a second one as well. (Begins with a less-than symbol and ends with a greater-than symbol)

A

Tag

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

A modifier of an HTML element type. It either modifies the default functionality of an element type or provides functionality to certain element types unable to function correctly without them.

A

Attribute

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

Hypertext Markup Language. A standardized system for tagging text files to put content onto a web page.

A

HTML

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

An instruction to the web browser about what version of HTML the page is written in. Must be the very first thing on the HTML page.

A

DOCTYPE

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

An HTML attribute used to identify a specific element in the document. Should be unique - no other element in the document should have the same one of these, and any element should only have one of these.

A

id

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

An HTML attribute that specifies one or more names for an element. Does not need to be unique - many elements can have the same one of these and any given element can have many of these. Most commonly used in conjunction with a CSS stylesheet for applying styles to elements.

A

class

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

HTML attribute that specifies the source the element should look to. Used in script and img tags.

A

src

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

HTML attribute that specifies the hyperlink reference the element should look to. Used in a and link tags.

A

href

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

Form element that is one of the building blocks for gathering user input

A

input

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

The attribute and value for input boxes that allows a user to put characters into the input box. Limited to a single-line sized input box.

A

input type=’text’

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

An attribute and value in an input box that only allows number entries.

A

input type=’number’

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

Attribute in an input box that allows text entry. Pulls up the phone dial pad on mobile devices, which is easier for pure number entries.

A

input type=’tel’

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

Attribute in an input box that allows text entry. Pulls up the email keyboard on mobile devices, which is easier for email entries.

A

input type=’email’

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

Circle-shaped input. Used to select one option from a list (e.g. “Select the one that applies”)

A

input type=’radio’

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

Square-shaped input. Used to select multiple options from a list (e.g. “Select all that apply”)

A

input type=’checkbox’

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

Attribute that helps an input box be formatted for date inputs. Can pop up an HTML calendar for selecting a date.

A

input type=’date’

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

Attribute in an input tag that makes it a button for submitting a form element with all of its data. “value” attribute specifies the text of the button.

A

input type=’submit’

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

This tag is identical to input type=”submit” when inside a form. Outside a form, just displays a button element that you must enable with JavaScript to do anything special.

A

button

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

Specifies a form for gathering data from a user. Alone, ____ doesn’t display anything on the page, but can alter the way other elements inside the form act (such as the button element)

A

form

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

______ ______ elements normally start (and end) with a new line, when displayed in a browser. Examples: h1, p, ul, etc.

A

Block level

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

_____ elements are normally displayed without line breaks and take up as little space as possible on the page. Examples: b, a, img, span

A

Inline

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

The generic term for all types of names and addresses that refer to objects on the World Wide Web.

A

URL (Uniform Resource Locater) - This is one type of URI (Uniform Resource Identifier)

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

Element that defines sound or music content

A

audio

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

Element that defines video or movie content

A

video

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

The generic term for the CSS code that specifies which elements in the document a style should be applied to

A

selector

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

CSS selector that selects all matching elements by tag name; designated with tag name alone. E.g. p {...} selects all paragraphs in the document.

A

element selector

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

Selects the first element in the document with the specified id attribute; designated with the # followed by the id. E.g. #first-name {...}

A

id selector

29
Q

Selects all elements in the document with the specified class name; designated with a dot . followed by the class name. E.g. .menu-item

A

class selector

30
Q

Matches all elements that are descendants of a specified element.

A

descendent selector

31
Q

Traversing

A

a technique that allows you to apply styling to children elements of an element marked by an id or class. Example: //CSS #main h1 { color: white; } //HTML

Home
<== this element gets selected

32
Q

Elements that functionally act the same as div tags, but with easier to read names useful for organizational purposes. Ex: header, nav, article, footer, etc…

A

HTML 5 Semantic Elements

33
Q

The inside of this block is formatted as block-level box, and the element itself is formatted as an inline-level box. By adding a width property, you can change the way it is laid out.

A

Inline-Block Element

34
Q

Combines two selectors to select an element that is a direct, immediate child of another element. Does not select children of children (grandchildren) or any further-nested descendants.

A

direct child selector

35
Q

Element

A

An individual component of an HTML document or web page

36
Q

Tag

A

Piece of HTML code that specifies the creation of an element. All elements have at least one of these, and many have a second one as well. (Begins with a less-than symbol and ends with a greater-than symbol)

37
Q

Attribute

A

A modifier of an HTML element type. It either modifies the default functionality of an element type or provides functionality to certain element types unable to function correctly without them.

38
Q

HTML

A

Hypertext Markup Language. A standardized system for tagging text files to put content onto a web page.

39
Q

DOCTYPE

A

An instruction to the web browser about what version of HTML the page is written in. Must be the very first thing on the HTML page.

40
Q

id

A

An HTML attribute used to identify a specific element in the document. Should be unique - no other element in the document should have the same one of these, and any element should only have one of these.

41
Q

class

A

An HTML attribute that specifies one or more names for an element. Does not need to be unique - many elements can have the same one of these and any given element can have many of these. Most commonly used in conjunction with a CSS stylesheet for applying styles to elements.

42
Q

src

A

HTML attribute that specifies the source the element should look to. Used in script and img tags.

43
Q

href

A

HTML attribute that specifies the hyperlink reference the element should look to. Used in a and link tags.

44
Q

input

A

Form element that is one of the building blocks for gathering user input

45
Q

input type=’text’

A

The attribute and value for input boxes that allows a user to put characters into the input box. Limited to a single-line sized input box.

46
Q

input type=’number’

A

An attribute and value in an input box that only allows number entries.

47
Q

input type=’tel’

A

Attribute in an input box that allows text entry. Pulls up the phone dial pad on mobile devices, which is easier for pure number entries.

48
Q

input type=’email’

A

Attribute in an input box that allows text entry. Pulls up the email keyboard on mobile devices, which is easier for email entries.

49
Q

input type=’radio’

A

Circle-shaped input. Used to select one option from a list (e.g. “Select the one that applies”)

50
Q

input type=’checkbox’

A

Square-shaped input. Used to select multiple options from a list (e.g. “Select all that apply”)

51
Q

input type=’date’

A

Attribute that helps an input box be formatted for date inputs. Can pop up an HTML calendar for selecting a date.

52
Q

input type=’submit’

A

Attribute in an input tag that makes it a button for submitting a form element with all of its data. “value” attribute specifies the text of the button.

53
Q

button

A

This tag is identical to input type=”submit” when inside a form. Outside a form, just displays a button element that you must enable with JavaScript to do anything special.

54
Q

form

A

Specifies a form for gathering data from a user. Alone, ____ doesn’t display anything on the page, but can alter the way other elements inside the form act (such as the button element)

55
Q

Block level

A

______ ______ elements normally start (and end) with a new line, when displayed in a browser. Examples: h1, p, ul, etc.

56
Q

Inline

A

_____ elements are normally displayed without line breaks and take up as little space as possible on the page. Examples: b, a, img, span

57
Q

URL (Uniform Resource Locater) - This is one type of URI (Uniform Resource Identifier)

A

The generic term for all types of names and addresses that refer to objects on the World Wide Web.

58
Q

audio

A

Element that defines sound or music content

59
Q

video

A

Element that defines video or movie content

60
Q

selector

A

The generic term for the CSS code that specifies which elements in the document a style should be applied to

61
Q

element selector

A

CSS selector that selects all matching elements by tag name; designated with tag name alone. E.g. p {...} selects all paragraphs in the document.

62
Q

id selector

A

Selects the first element in the document with the specified id attribute; designated with the # followed by the id. E.g. #first-name {...}

63
Q

class selector

A

Selects all elements in the document with the specified class name; designated with a dot . followed by the class name. E.g. .menu-item

64
Q

descendent selector

A

Matches all elements that are descendants of a specified element.

65
Q

a technique that allows you to apply styling to children elements of an element marked by an id or class. Example: //CSS #main h1 { color: white; } //HTML

Home
<== this element gets selected

A

Traversing

66
Q

HTML 5 Semantic Elements

A

Elements that functionally act the same as div tags, but with easier to read names useful for organizational purposes. Ex: header, nav, article, footer, etc…

67
Q

Inline-Block Element

A

The inside of this block is formatted as block-level box, and the element itself is formatted as an inline-level box. By adding a width property, you can change the way it is laid out.

68
Q

direct child selector

A

Combines two selectors to select an element that is a direct, immediate child of another element. Does not select children of children (grandchildren) or any further-nested descendants.