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
Element that defines video or movie content
video
26
The generic term for the CSS code that specifies which elements in the document a style should be applied to
selector
27
CSS selector that selects all matching elements by tag name; designated with tag name alone. E.g. `p {...}` selects all paragraphs in the document.
element selector
28
Selects the first element in the document with the specified id attribute; designated with the `#` followed by the id. E.g. `#first-name {...}`
id selector
29
Selects all elements in the document with the specified class name; designated with a dot `.` followed by the class name. E.g. `.menu-item`
class selector
30
Matches all elements that are descendants of a specified element.
descendent selector
31
Traversing
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
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...
HTML 5 Semantic Elements
33
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.
Inline-Block Element
34
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.
direct child selector
35
Element
An individual component of an HTML document or web page
36
Tag
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
Attribute
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
HTML
Hypertext Markup Language. A standardized system for tagging text files to put content onto a web page.
39
DOCTYPE
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
id
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
class
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
src
HTML attribute that specifies the source the element should look to. Used in `script` and `img` tags.
43
href
HTML attribute that specifies the hyperlink reference the element should look to. Used in `a` and `link` tags.
44
input
Form element that is one of the building blocks for gathering user input
45
input type='text'
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
input type='number'
An attribute and value in an input box that only allows number entries.
47
input type='tel'
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
input type='email'
Attribute in an input box that allows text entry. Pulls up the email keyboard on mobile devices, which is easier for email entries.
49
input type='radio'
Circle-shaped input. Used to select one option from a list (e.g. "Select the one that applies")
50
input type='checkbox'
Square-shaped input. Used to select multiple options from a list (e.g. "Select all that apply")
51
input type='date'
Attribute that helps an input box be formatted for date inputs. Can pop up an HTML calendar for selecting a date.
52
input type='submit'
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
button
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
form
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
Block level
\_\_\_\_\_\_ ______ elements normally start (and end) with a new line, when displayed in a browser. Examples: `h1`, `p`, `ul`, etc.
56
Inline
\_\_\_\_\_ elements are normally displayed without line breaks and take up as little space as possible on the page. Examples: `b`, `a`, `img`, `span`
57
URL (Uniform Resource Locater) - This is one type of URI (Uniform Resource Identifier)
The generic term for all types of names and addresses that refer to objects on the World Wide Web.
58
audio
Element that defines sound or music content
59
video
Element that defines video or movie content
60
selector
The generic term for the CSS code that specifies which elements in the document a style should be applied to
61
element selector
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
id selector
Selects the first element in the document with the specified id attribute; designated with the `#` followed by the id. E.g. `#first-name {...}`
63
class selector
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
descendent selector
Matches all elements that are descendants of a specified element.
65
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
Traversing
66
HTML 5 Semantic Elements
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
Inline-Block Element
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
direct child selector
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.