HTML Attributes Flashcards
1
Q
what is an html attribute
A
properties that provide additional information about the element
2
Q
what do html attributes do
A
say something about the elements that carries them
3
Q
what do html attributes consist of
A
a name and a value
4
Q
what is the name part of an html attribute
A
the property of the element that you want to set
5
Q
what is the value part of an html attribute
A
what you want the value of the property to be
6
Q
how are html attributes usually written
A
in the form “name=value”
7
Q
how should the value of an html attribute be written
A
in double qoutation marks following the equals sign
8
Q
give all the core html attributes
A
id
class
title
style
9
Q
what is a boolean html attribute
A
attributes that consist of just a name
10
Q
give all html internationalisation attributes
A
dir
lang
11
Q
html attribute: src
html element: img
A
specifies the url of the image that’s displayed
12
Q
html attribute: href
html element: a
A
specifies the url of a webpage to link to
13
Q
html attribute: title
html element: a
A
gives a plain language description of the target of the link
14
Q
html attribute: lang
html element: html
A
sets the language of the document
15
Q
html attribute: lang
A
sets the language of an element
16
Q
html attribute: id
A
uniquely identifies any element within a page
17
Q
html attribute: class
A
specifies that an element belongs to a class of elements
18
Q
html attribute: title
A
gives a suggested title for the element
19
Q
html attribute: style
A
enables you to specify css styles for the element
20
Q
html attribute: dir
A
enables you to indicate to the browser the direction in which the text should flow
21
Q
html attribute: href
html element: link
A
specifies the url of the linked document
22
Q
html attribute: rel
html element: link
A
indicates the type of the linked document
23
Q
html attribute: src
html element: script
A
specifies the url of a javascript file
24
Q
html attribute: cite
html element: blockquote
A
indicates the source of the qoute
25
html attribute: reversed
| html element: ol
reverses the order of the list
26
html attribute: type
| html element: ol
specify the class of markers to use with ordered lists
27
html attribute: type
html element: ol
value: a
use lowercase letters
28
html attribute: type
html element: ol
value: A
use uppercase letters
29
html attribute: type
html element: ol
value: i
use lowercase roman numerals
30
html attribute: type
html element: ol
value: I
use uppercase roman numerals
31
where are attributes placed in an html element
within the opening tag
32
html attribute: cite
| html element: q
indicates the source of the qoute
33
html attribute: title
| html element: abbr
defines the full description of the abreviation
34
html attribute: datetime
| html element: time
indicates the time and date of the element and must be a valid date with an optional time string
35
html attribute: title
| html element: ins, del
provides information as to who added the element and why it was added or deleted
36
html attribute: cite
| html element: ins, del
uri for a resource that explains the change
37
html attribute: datetime
| html element: ins, del
indicates the time and date of the change and must be a valid date with an optional time string
38
html attribute: href="mailto:"
| html element: a
allows users to send an email to a specific address
39
html attribute: href
| html element: base
specifies the base url value
40
html attribute: accesskey
provides a hint for generating a keyboard shortcut for the current element
41
html attribute: hreflang
| html element: a
indicates the language of the linked resource
42
html attribute: rel
| html element: a
specifies the relationship of the target object to the link object
43
html attribute: tabindex
an integer indicating if the element can take input focus
44
html attribute: target
| html element: a
specifies where to display the linked resource
45
html attribute: target
html element: a
value: _blank
opens the link in a new browser window or tab
46
html attribute: alt
| html element: img
defines the alternative text describing the image
47
html attribute: height
| html element: img
sets the height of the image
48
html attribute: width
| html element: img
sets the width of the image
49
html attribute: preload
html element: video, audio
value: none
indicates that the media should not be preloaded
50
html attribute: preload
html element: video, audio
value: metadata
indicates that only media metadata is fetched
51
html attribute: preload
html element: video, audio
value: auto
indicates that the whole media file could be downloaded even if the user is not expected to use it
52
html attribute: autoplay
| html element: video, audio
indicates whether the media should automatically play when the page is loaded
53
html attribute: loop
| html element: video, audio
indicates that the browser should start the media over when playback is complete
54
html attribute: muted
| html element: video, audio
indicates whether the media player should play the associated audio track
55
html attribute: poster
| html element: video
a url indicating a poster frame to show until the user plays or seeks
56
html attribute: controls
| html element: video, audio
indicates whether the browser should include playback controls
57
html attribute: data
| html element: object
the address of the resource as a valid url
58
html attribute: content
| html element: meta
gives the value associated with the http-equiv or name attribute
59
html attribute: name
| html element: meta
defines the name of document-level metadata
60
html attribute: charset
| html element: meta
defines the character encoding of the page
61
html attribute: download
| html element: a
indicates that the author intends the hyperlink to be used for downloading a resource
62
html attribute: ping
| html element: a
sends the urls of the resources a notification/ping if the user follows the hyperlink
63
what are global attributes
attributes that can be used on all elements
64
html attribute: hidden
indicates that the element is not yet, or no longer, relevant
65
html attribute: title
| html element: img
provides additional information about the image
66
html attribute: scope
| html element: th
defines the cell as a header for a group of cells
67
html attribute: scope
html element: th
value: row
defines the cell as a header for a row of cells
68
html attribute: scope
html element: th
value: col
defines the cell as a header for a column of cells
69
html attribute: scope
html element: th
value: rowgroup
defines the cell as a header for the rest of the row
70
html attribute: scope
html element: th
value: colgroup
defines the cell as a header for the rest of the column
71
html attribute: colspan
| html element: td, th
indicates how many columns the cell extends
72
html attribute: rowspan
| html element: td, th
indicates how many rows the cell extends
73
how can you specify other parts of a message in an email link
place a question mark after the email address and then use name/value pairs to specify the additional properties
74
how can you specify more than one property in an email link
separate the name/value pairs with an &
75
email link property: subject
adds a subject line to the email message
76
email link property: body
adds a message into the body of the email
77
email link property: cc
sends a carbon copy of the email to the cc'd address
78
email link property: bcc
secretly sends a carbon copy of the email to the bcc'd address without any recipient seeing any other recipients
79
html attribute: action
| html element: form
the URI of a program that prcesses the form information
80
html attribute: method
| html element: form
the HTTP method that the browser uses to submit the form. either GET or POST
81
html input type: text
a single-line text field
82
html input type: button
a push button with no default behaviour
83
html input type: password
a single line text field whose value is obscured
84
html input type: email
a field for editing an e-mail address
85
html input type: checkbox
creates a checkbox
86
html input type: checkbox
| html attribute: value
defines the value submitted by this item
87
html attribute: name
| html element: input
the name of the control, which is submitted with the form data
88
html attribute: maxlength
| html element: input
specifies the maximum number of characters that the user can enter
89
html input type: radio
creates a radio button
90
html input type: radio
| html attribute: value
defines the value submitted by this item
91
html attribute: checked
| html element: input
indicates whether this item is selected by default
92
html attribute: type
| html element: input
the type of control to display
93
html attribute: selected
| html element: option
indicates that the option is initially selected
94
html attribute: value
| html element: option
represents the value to be submitted with the form
95
html attribute: size
| html element: select
represents the number of rows in the list that should be visible at one time
96
html attribute: multiple
| html element: select
indicates that multiple options can be selected in the list
97
html input type: file
A control that lets the user select a file
98
html input type: file
| html attribute: accept
indicates the types of files that the server accepts, otherwise it will be ignored
99
html input type: submit
a button that submits the form
100
html input type: submit, reset
| html attribute: value
controls the text that appears on the button
101
html input type: image
a graphical submit button
102
html input type: hidden
a control that is not displayed but whose value is submitted to the server
103
html attribute: for
| html element: label
states which form control the label belongs to
104
html attribute: required
| html element: input, select
specifies that the user must fill in a value before submitting a form
105
html input type: date
a control for entering a date
106
html input type: url
a field for editing a url
107
html input type: search
a single-line text field for entering search strings
108
html attribute: placeholder
| html element: input
a hint to the user of what can be entered in the control
109
html attribute: minlength
specifies the minimum number of characters that the user can enter
110
html attribute: src
| html element: iframe
the url of the page to embed
111
html attribute: height
| html element: iframe
indicates the height of the frame
112
html attribute: width
| html element: iframe
indicates the width of the frame
113
meta name type: description
contains a short and accurate summary of the content of the page
114
meta name type: keywords
contains relevant words associated with the content of the page
115
meta name type: robots
defines the behavior that web crawlers should have with the page
116
meta name type: robots
| content: index
allows the robot to index the page
117
meta name type: robots
| content: noindex
prevents the robot from indexing the page
118
meta name type: robots
| content: follow
allows the robot to follow the links on the page
119
meta name type: robots
| content: nofollow
prevents the robot from following the links on the page
120
html attribute: http-equiv
| html element: meta
defines the pragma that can alter servers and user-agents behavior
121
meta name type: author
defines the name of the author of the document
122
html attribute: type
| html element: link
defines the type of the content linked to
123
html input type: reset
a button that resets the contents of the form to default values
124
html attribute: src
| html element: video, audio
the url of the audio to embed
125
html attribute: value
| html element: meter
the current numeric value
126
html attribute: min
| html element: meter
the lower numeric bound of the measured range
127
html attribute: max
| html element: meter
the upper numeric bound of the measured range
128
html attribute: low
| html element: meter
the upper numeric bound of the low end of the measured range
129
html attribute: high
| html element: meter
the lower numeric bound of the high end of the measured range
130
html attribute: optimum
| html element: meter
the optimal numeric value
131
html attribute: max
| html element: progress
describes how much work the task indicated by the progress element requires
132
html attribute: value
| html element: progress
specifies how much of the task that has been completed
