HTML Attributes Flashcards

1
Q

what is an html attribute

A

properties that provide additional information about the element

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

what do html attributes do

A

say something about the elements that carries them

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

what do html attributes consist of

A

a name and a value

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

what is the name part of an html attribute

A

the property of the element that you want to set

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

what is the value part of an html attribute

A

what you want the value of the property to be

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

how are html attributes usually written

A

in the form “name=value”

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

how should the value of an html attribute be written

A

in double qoutation marks following the equals sign

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

give all the core html attributes

A

id
class
title
style

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

what is a boolean html attribute

A

attributes that consist of just a name

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

give all html internationalisation attributes

A

dir

lang

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

html attribute: src

html element: img

A

specifies the url of the image that’s displayed

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

html attribute: href

html element: a

A

specifies the url of a webpage to link to

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

html attribute: title

html element: a

A

gives a plain language description of the target of the link

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

html attribute: lang

html element: html

A

sets the language of the document

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

html attribute: lang

A

sets the language of an element

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

html attribute: id

A

uniquely identifies any element within a page

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

html attribute: class

A

specifies that an element belongs to a class of elements

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

html attribute: title

A

gives a suggested title for the element

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

html attribute: style

A

enables you to specify css styles for the element

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

html attribute: dir

A

enables you to indicate to the browser the direction in which the text should flow

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

html attribute: href

html element: link

A

specifies the url of the linked document

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

html attribute: rel

html element: link

A

indicates the type of the linked document

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

html attribute: src

html element: script

A

specifies the url of a javascript file

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

html attribute: cite

html element: blockquote

A

indicates the source of the qoute

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

html attribute: reversed

html element: ol

A

reverses the order of the list

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

html attribute: type

html element: ol

A

specify the class of markers to use with ordered lists

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

html attribute: type
html element: ol
value: a

A

use lowercase letters

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

html attribute: type
html element: ol
value: A

A

use uppercase letters

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

html attribute: type
html element: ol
value: i

A

use lowercase roman numerals

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

html attribute: type
html element: ol
value: I

A

use uppercase roman numerals

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

where are attributes placed in an html element

A

within the opening tag

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

html attribute: cite

html element: q

A

indicates the source of the qoute

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

html attribute: title

html element: abbr

A

defines the full description of the abreviation

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

html attribute: datetime

html element: time

A

indicates the time and date of the element and must be a valid date with an optional time string

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

html attribute: title

html element: ins, del

A

provides information as to who added the element and why it was added or deleted

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

html attribute: cite

html element: ins, del

A

uri for a resource that explains the change

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

html attribute: datetime

html element: ins, del

A

indicates the time and date of the change and must be a valid date with an optional time string

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

html attribute: href=”mailto:”

html element: a

A

allows users to send an email to a specific address

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

html attribute: href

html element: base

A

specifies the base url value

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

html attribute: accesskey

A

provides a hint for generating a keyboard shortcut for the current element

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

html attribute: hreflang

html element: a

A

indicates the language of the linked resource

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

html attribute: rel

html element: a

A

specifies the relationship of the target object to the link object

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

html attribute: tabindex

A

an integer indicating if the element can take input focus

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

html attribute: target

html element: a

A

specifies where to display the linked resource

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

html attribute: target
html element: a
value: _blank

A

opens the link in a new browser window or tab

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

html attribute: alt

html element: img

A

defines the alternative text describing the image

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

html attribute: height

html element: img

A

sets the height of the image

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

html attribute: width

html element: img

A

sets the width of the image

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

html attribute: preload
html element: video, audio
value: none

A

indicates that the media should not be preloaded

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

html attribute: preload
html element: video, audio
value: metadata

A

indicates that only media metadata is fetched

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

html attribute: preload
html element: video, audio
value: auto

A

indicates that the whole media file could be downloaded even if the user is not expected to use it

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

html attribute: autoplay

html element: video, audio

A

indicates whether the media should automatically play when the page is loaded

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

html attribute: loop

html element: video, audio

A

indicates that the browser should start the media over when playback is complete

54
Q

html attribute: muted

html element: video, audio

A

indicates whether the media player should play the associated audio track

55
Q

html attribute: poster

html element: video

A

a url indicating a poster frame to show until the user plays or seeks

56
Q

html attribute: controls

html element: video, audio

A

indicates whether the browser should include playback controls

57
Q

html attribute: data

html element: object

A

the address of the resource as a valid url

58
Q

html attribute: content

html element: meta

A

gives the value associated with the http-equiv or name attribute

59
Q

html attribute: name

html element: meta

A

defines the name of document-level metadata

60
Q

html attribute: charset

html element: meta

A

defines the character encoding of the page

61
Q

html attribute: download

html element: a

A

indicates that the author intends the hyperlink to be used for downloading a resource

62
Q

html attribute: ping

html element: a

A

sends the urls of the resources a notification/ping if the user follows the hyperlink

63
Q

what are global attributes

A

attributes that can be used on all elements

64
Q

html attribute: hidden

A

indicates that the element is not yet, or no longer, relevant

65
Q

html attribute: title

html element: img

A

provides additional information about the image

66
Q

html attribute: scope

html element: th

A

defines the cell as a header for a group of cells

67
Q

html attribute: scope
html element: th
value: row

A

defines the cell as a header for a row of cells

68
Q

html attribute: scope
html element: th
value: col

A

defines the cell as a header for a column of cells

69
Q

html attribute: scope
html element: th
value: rowgroup

A

defines the cell as a header for the rest of the row

70
Q

html attribute: scope
html element: th
value: colgroup

A

defines the cell as a header for the rest of the column

71
Q

html attribute: colspan

html element: td, th

A

indicates how many columns the cell extends

72
Q

html attribute: rowspan

html element: td, th

A

indicates how many rows the cell extends

73
Q

how can you specify other parts of a message in an email link

A

place a question mark after the email address and then use name/value pairs to specify the additional properties

74
Q

how can you specify more than one property in an email link

A

separate the name/value pairs with an &

75
Q

email link property: subject

A

adds a subject line to the email message

76
Q

email link property: body

A

adds a message into the body of the email

77
Q

email link property: cc

A

sends a carbon copy of the email to the cc’d address

78
Q

email link property: bcc

A

secretly sends a carbon copy of the email to the bcc’d address without any recipient seeing any other recipients

79
Q

html attribute: action

html element: form

A

the URI of a program that prcesses the form information

80
Q

html attribute: method

html element: form

A

the HTTP method that the browser uses to submit the form. either GET or POST

81
Q

html input type: text

A

a single-line text field

82
Q

html input type: button

A

a push button with no default behaviour

83
Q

html input type: password

A

a single line text field whose value is obscured

84
Q

html input type: email

A

a field for editing an e-mail address

85
Q

html input type: checkbox

A

creates a checkbox

86
Q

html input type: checkbox

html attribute: value

A

defines the value submitted by this item

87
Q

html attribute: name

html element: input

A

the name of the control, which is submitted with the form data

88
Q

html attribute: maxlength

html element: input

A

specifies the maximum number of characters that the user can enter

89
Q

html input type: radio

A

creates a radio button

90
Q

html input type: radio

html attribute: value

A

defines the value submitted by this item

91
Q

html attribute: checked

html element: input

A

indicates whether this item is selected by default

92
Q

html attribute: type

html element: input

A

the type of control to display

93
Q

html attribute: selected

html element: option

A

indicates that the option is initially selected

94
Q

html attribute: value

html element: option

A

represents the value to be submitted with the form

95
Q

html attribute: size

html element: select

A

represents the number of rows in the list that should be visible at one time

96
Q

html attribute: multiple

html element: select

A

indicates that multiple options can be selected in the list

97
Q

html input type: file

A

A control that lets the user select a file

98
Q

html input type: file

html attribute: accept

A

indicates the types of files that the server accepts, otherwise it will be ignored

99
Q

html input type: submit

A

a button that submits the form

100
Q

html input type: submit, reset

html attribute: value

A

controls the text that appears on the button

101
Q

html input type: image

A

a graphical submit button

102
Q

html input type: hidden

A

a control that is not displayed but whose value is submitted to the server

103
Q

html attribute: for

html element: label

A

states which form control the label belongs to

104
Q

html attribute: required

html element: input, select

A

specifies that the user must fill in a value before submitting a form

105
Q

html input type: date

A

a control for entering a date

106
Q

html input type: url

A

a field for editing a url

107
Q

html input type: search

A

a single-line text field for entering search strings

108
Q

html attribute: placeholder

html element: input

A

a hint to the user of what can be entered in the control

109
Q

html attribute: minlength

A

specifies the minimum number of characters that the user can enter

110
Q

html attribute: src

html element: iframe

A

the url of the page to embed

111
Q

html attribute: height

html element: iframe

A

indicates the height of the frame

112
Q

html attribute: width

html element: iframe

A

indicates the width of the frame

113
Q

meta name type: description

A

contains a short and accurate summary of the content of the page

114
Q

meta name type: keywords

A

contains relevant words associated with the content of the page

115
Q

meta name type: robots

A

defines the behavior that web crawlers should have with the page

116
Q

meta name type: robots

content: index

A

allows the robot to index the page

117
Q

meta name type: robots

content: noindex

A

prevents the robot from indexing the page

118
Q

meta name type: robots

content: follow

A

allows the robot to follow the links on the page

119
Q

meta name type: robots

content: nofollow

A

prevents the robot from following the links on the page

120
Q

html attribute: http-equiv

html element: meta

A

defines the pragma that can alter servers and user-agents behavior

121
Q

meta name type: author

A

defines the name of the author of the document

122
Q

html attribute: type

html element: link

A

defines the type of the content linked to

123
Q

html input type: reset

A

a button that resets the contents of the form to default values

124
Q

html attribute: src

html element: video, audio

A

the url of the audio to embed

125
Q

html attribute: value

html element: meter

A

the current numeric value

126
Q

html attribute: min

html element: meter

A

the lower numeric bound of the measured range

127
Q

html attribute: max

html element: meter

A

the upper numeric bound of the measured range

128
Q

html attribute: low

html element: meter

A

the upper numeric bound of the low end of the measured range

129
Q

html attribute: high

html element: meter

A

the lower numeric bound of the high end of the measured range

130
Q

html attribute: optimum

html element: meter

A

the optimal numeric value

131
Q

html attribute: max

html element: progress

A

describes how much work the task indicated by the progress element requires

132
Q

html attribute: value

html element: progress

A

specifies how much of the task that has been completed